diff --git a/.storybook/main.ts b/.storybook/main.ts
index 56aad86f..18cba9d3 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -20,6 +20,7 @@ const config: StorybookConfig = {
       config.resolve.alias = {
         ...config.resolve.alias,
         '@': path.resolve(__dirname, '../'),
+        'next/headers': path.resolve(__dirname, '../app/utils/test/__mock__/next/headers.ts'),
       };
     }
     return config;
diff --git a/app/(sub-page)/sign-in/page.tsx b/app/(sub-page)/sign-in/page.tsx
new file mode 100644
index 00000000..dbdb34a8
--- /dev/null
+++ b/app/(sub-page)/sign-in/page.tsx
@@ -0,0 +1,11 @@
+import ContentContainer from '@/app/ui/view/atom/content-container';
+import SignInForm from '@/app/ui/user/sign-in-form/sign-in-form';
+
+// Refactor: fallback 스켈레톤으로 대체
+export default function Page() {
+  return (
+    <ContentContainer className="md:w-[768px]">
+      <SignInForm />
+    </ContentContainer>
+  );
+}
diff --git a/app/utils/test/__mock__/next/headers.ts b/app/utils/test/__mock__/next/headers.ts
new file mode 100644
index 00000000..31069b15
--- /dev/null
+++ b/app/utils/test/__mock__/next/headers.ts
@@ -0,0 +1,6 @@
+export function cookies() {
+  return {
+    set: () => {},
+    get: () => {},
+  };
+}