ui sort and search fix

app/(content)/(gaming)/games/page.tsx

@@ -5,13 +5,17 @@ import Sort from "@/components/sort-games";
 // renders a list of games infinitely (presumably)
 export default async function GamesPage() {
     return (
-        <main className="relative lg:gap-10 xl:grid xl:grid-cols-[1fr_300px]">
+        <main className="relative lg:gap-10 xl:grid xl:grid-cols-[1fr_240px]">
             <div className="grid">
-                <Search className="p-3 lg:w-2/3 2xl:w-1/3" />
+                <div className="flex flex-col gap-10 items-center w-full">
+                    <Search className="p-3 lg:w-2/3 2xl:w-1/3" />
+                </div>
                 <InfiniteScrollGames />
             </div>
-            <div className="hidden xl:block">
-                <Sort />
+            <div className="hidden xl:block flex-col md:flex">
+                <div className="sticky top-0">
+                    <Sort />
+                </div>
             </div>
         </main>
     )