diff --git a/src/app/(editor)/page.tsx b/src/app/(editor)/page.tsx
index 231d4f6..d64c6ca 100644
--- a/src/app/(editor)/page.tsx
+++ b/src/app/(editor)/page.tsx
@@ -1,7 +1,7 @@
 import Link from "next/link";
+import { redirect } from "next/navigation";
 import { getAuth } from "@/lib/auth";
 import Editor from "@/components/editor/Editor";
-import { redirect } from "next/navigation";
 
 export default async function Home() {
   const auth = await getAuth();
diff --git a/src/app/(noneditor)/notes/page.tsx b/src/app/(noneditor)/notes/page.tsx
index 995951b..18a3cb6 100644
--- a/src/app/(noneditor)/notes/page.tsx
+++ b/src/app/(noneditor)/notes/page.tsx
@@ -1,6 +1,6 @@
 import { Metadata } from "next";
 import { getNotes } from "@/lib/notes";
-import NoteCard from "@/components/NoteCard";
+import NoteCard from "@/components/ui/NoteCard";
 
 export const metadata: Metadata = {
   title: "Notes - Rhyme",
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 23b3468..e87d96e 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -2,7 +2,7 @@ import Link from "next/link";
 import { ArrowRightFromLine, CircleQuestionMark, List, Plus, UserRound, UserRoundMinus } from "lucide-react";
 import { logOut } from "@/app/actions";
 import { getAuth } from "@/lib/auth";
-import HeaderButton from "./HeaderButton";
+import HeaderButton from "./ui/HeaderButton";
 
 export default async function Header({ allowExport = false }: { allowExport?: boolean }) {
   const auth = await getAuth();
diff --git a/src/components/HeaderButton.tsx b/src/components/ui/HeaderButton.tsx
similarity index 100%
rename from src/components/HeaderButton.tsx
rename to src/components/ui/HeaderButton.tsx
diff --git a/src/components/NoteCard.tsx b/src/components/ui/NoteCard.tsx
similarity index 95%
rename from src/components/NoteCard.tsx
rename to src/components/ui/NoteCard.tsx
index 479fad9..27e3bdc 100644
--- a/src/components/NoteCard.tsx
+++ b/src/components/ui/NoteCard.tsx
@@ -3,7 +3,7 @@ import { revalidatePath } from "next/cache";
 import { X } from "lucide-react";
 import { notesTable } from "@/lib/db/schema";
 import { deleteNote } from "@/lib/notes";
-import IconOnlyButton from "./ui/IconOnlyButton";
+import IconOnlyButton from "./IconOnlyButton";
 
 export default function NoteCard({ note }: { note: typeof notesTable.$inferSelect }) {
   const handleDeleteNote = async () => {