diff --git a/web/src/layout/DashboardLayout.tsx b/web/src/layout/DashboardLayout.tsx
index ddb3781..24321de 100644
--- a/web/src/layout/DashboardLayout.tsx
+++ b/web/src/layout/DashboardLayout.tsx
@@ -20,12 +20,12 @@ const DashboardLayout: FC = () => {
           </div>
 
           <CardContent
-            className="w-full h-full space-y-4 flex-1 bg-black/5 dark:bg-white/5"
+            className="w-full h-full max-h-full space-y-4 flex-1 bg-black/5 dark:bg-white/5"
             spacing={false}
           >
             <div className="flex flex-row">
               <Sidebar />
-              <div className="max-w-full flex-1">
+              <div className="max-w-full flex-1 sm:max-h-screen overflow-y-auto">
                 <div className="flex flex-col w-full items-center gap-2">
                   <TopBar />
                 </div>