diff --git a/src/app/loading.tsx b/src/app/loading.tsx
index 35118e7..2c39055 100644
--- a/src/app/loading.tsx
+++ b/src/app/loading.tsx
@@ -1,25 +1,25 @@
 import { cn } from "@/lib/utils"
 import { ComponentProps } from "react"
 export const LoadingSpinner = ({ className }: ComponentProps<"svg">) => {
-  return <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="100"
-    height="100"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    strokeWidth="2"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    className={cn("animate-spin", className)}
-  >
-    <path d="M21 12a9 9 0 1 1-6.219-8.56" />
-  </svg>
+  return <div className="size-full flex justify-center items-center z">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="100"
+      height="100"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={cn("animate-spin", className)}
+    >
+      <path d="M21 12a9 9 0 1 1-6.219-8.56" />
+    </svg>
+  </div>
 }
 export default function Loading() {
   return (
-    <><div className="size-full flex justify-center items-center z">
-      <LoadingSpinner />
-    </div></>
+    <LoadingSpinner />
   )
 }
diff --git a/src/app/story/loading.tsx b/src/app/story/loading.tsx
new file mode 100644
index 0000000..033af5c
--- /dev/null
+++ b/src/app/story/loading.tsx
@@ -0,0 +1,5 @@
+import { LoadingSpinner } from "app/loading";
+
+export default function Loading() {
+  return <LoadingSpinner />
+}