diff --git a/apps/web/src/components/Sidebar/ListItem.tsx b/apps/web/src/components/Sidebar/PagesItem.tsx
similarity index 99%
rename from apps/web/src/components/Sidebar/ListItem.tsx
rename to apps/web/src/components/Sidebar/PagesItem.tsx
index e2648e4b..ce762ae5 100644
--- a/apps/web/src/components/Sidebar/ListItem.tsx
+++ b/apps/web/src/components/Sidebar/PagesItem.tsx
@@ -31,7 +31,7 @@ import { Input } from "../ui/input";
 import { Textarea } from "../ui/textarea";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
 
-export const ListItem: React.FC<{ item: StoredContent }> = ({ item }) => {
+export const PageItem: React.FC<{ item: StoredContent }> = ({ item }) => {
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);
   const [isEditDrawerOpen, setIsEditDrawerOpen] = useState(false);
 
diff --git a/apps/web/src/components/Sidebar/index.tsx b/apps/web/src/components/Sidebar/index.tsx
index 0a658b77..80d4beb5 100644
--- a/apps/web/src/components/Sidebar/index.tsx
+++ b/apps/web/src/components/Sidebar/index.tsx
@@ -1,6 +1,6 @@
 "use server";
 import { StoredContent } from "@/server/db/schema";
-import { AddNewPagePopover, ListItem } from "./ListItem";
+import { AddNewPagePopover, PageItem } from "./PagesItem";
 
 export default async function Sidebar() {
   const pages: StoredContent[] = [
@@ -38,7 +38,7 @@ export default async function Sidebar() {
           <AddNewPagePopover />
         </h1>
         {pages.map((item) => (
-          <ListItem key={item.id} item={item} />
+          <PageItem key={item.id} item={item} />
         ))}
       </div>
     </aside>