diff --git a/components/filter-sort-games.tsx b/components/filter-sort-games.tsx
index 19ef6c36aeed4873489a72fc242a98d6bd1fc779..a229a73fdb5076c1a415d26b9d42d850f0c9ec03 100644
--- a/components/filter-sort-games.tsx
+++ b/components/filter-sort-games.tsx
@@ -3,9 +3,9 @@
 import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from "@/components/ui/select";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { useEffect, useState } from "react";
+import { Icons } from "./icons";
 import { Button } from "./ui/button";
 import { Card } from "./ui/card";
-import { Icons } from "./ui/icons";
 
 export default function Sort() {
   const [selectedCategory, setSelectedCategory] = useState('');
diff --git a/components/ui/icons.tsx b/components/icons.tsx
similarity index 100%
rename from components/ui/icons.tsx
rename to components/icons.tsx
diff --git a/components/mode-toggle.tsx b/components/mode-toggle.tsx
index 23e6ef71a6ff9e93d2a913438f6c1f08ceaa810b..39e535f5e137260884eea35ffd84c482152df653 100644
--- a/components/mode-toggle.tsx
+++ b/components/mode-toggle.tsx
@@ -1,7 +1,6 @@
 "use client"
 
-import { useTheme } from "next-themes"
-
+import { Icons } from "@/components/icons"
 import { Button } from "@/components/ui/button"
 import {
     DropdownMenu,
@@ -9,7 +8,7 @@ import {
     DropdownMenuItem,
     DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu"
-import { Icons } from "@/components/ui/icons"
+import { useTheme } from "next-themes"
 
 export function ModeToggle() {
     const { setTheme } = useTheme()
diff --git a/components/nav.tsx b/components/nav.tsx
index e86f61ea2519c30fdc5c59d0170376b4eaee5d6a..f6026544196358959e6d8055368f4be3273b8b68 100644
--- a/components/nav.tsx
+++ b/components/nav.tsx
@@ -1,13 +1,12 @@
 "use client"
 
-import Link from "next/link";
-import { usePathname } from "next/navigation";
-
+import { Icons, IconsType } from "@/components/icons";
 import { buttonVariants } from "@/components/ui/button";
-import { Icons, IconsType } from "@/components/ui/icons";
 import { cn } from "@/lib/utils";
 import { SidebarNavItem } from "@/types";
 import { UserButton, useUser } from "@clerk/nextjs";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
 import { ModeToggle } from "./mode-toggle";
 
 interface DashboardNavProps {
diff --git a/components/search-input.tsx b/components/search-input.tsx
index 38f17f68f0449abe0b2cca143b18a94ca63b9b40..940f0e5beaff744085aa1e60cb6cef17f9e2fa7e 100644
--- a/components/search-input.tsx
+++ b/components/search-input.tsx
@@ -3,8 +3,8 @@
 import { cn } from '@/lib/utils';
 import { usePathname, useRouter } from 'next/navigation';
 import { useState } from 'react';
+import { Icons } from './icons';
 import { Button } from './ui/button';
-import { Icons } from './ui/icons';
 import { Input } from './ui/input';
 
 interface DocsSearchProps extends React.HTMLAttributes<HTMLFormElement> { }
diff --git a/components/site-footer.tsx b/components/site-footer.tsx
index 0ba1b2f5ca132c4ced4f32491fb577d3251f4a8e..2a0508e86eb8b2794275491f1e549aeb7e1fb953 100644
--- a/components/site-footer.tsx
+++ b/components/site-footer.tsx
@@ -1,4 +1,4 @@
-import { Icons } from "@/components/ui/icons"
+import { Icons } from "@/components/icons"
 import { cn } from "@/lib/utils"
 
 export function SiteFooter({ className }: React.HTMLAttributes<HTMLElement>) {