diff --git a/web/app/page.tsx b/web/app/page.tsx
index 7f36b1b..7e1cf1f 100644
--- a/web/app/page.tsx
+++ b/web/app/page.tsx
@@ -368,7 +368,7 @@ export default function Home() {
   return (
     <main className="min-h-screen bg-[#090a0f] text-white">
       <Toaster richColors position="top-center" />
-      <div className="grid min-h-screen" style={{ gridTemplateColumns: "42px 132px minmax(0, 1fr)" }}>
+      <div className="grid min-h-screen grid-cols-[42px_minmax(0,1fr)] md:grid-cols-[42px_132px_minmax(0,1fr)]">
         <aside className="flex min-h-screen flex-col items-center border-r border-white/6 bg-[#090a0f] py-6">
           <div className="mb-[230px] flex h-7 w-7 items-center justify-center rounded-lg bg-cyan-400/12 text-cyan-200">
             <Sparkles className="h-4 w-4" />