diff --git a/pages/[...slug].tsx b/pages/[...slug].tsx
index fa0dd683..03bd11b2 100644
--- a/pages/[...slug].tsx
+++ b/pages/[...slug].tsx
@@ -14,7 +14,7 @@ import { paramsToSlug } from "@/remote/lib"
 import { PageGrid } from "@/components/PageGrid"
 import { useRouter } from "next/router"
 import { FileCard } from "@/components/FIleCard"
-import { Picture } from "@/components/Picture"
+import { Picture } from "@/ui/Picture"
 
 async function getUrls() {
     let urls: string[] = []
diff --git a/src/components/Picture/index.tsx b/src/ui/Picture/index.tsx
similarity index 100%
rename from src/components/Picture/index.tsx
rename to src/ui/Picture/index.tsx
diff --git a/src/components/Picture/picture.module.css b/src/ui/Picture/picture.module.css
similarity index 100%
rename from src/components/Picture/picture.module.css
rename to src/ui/Picture/picture.module.css