diff --git a/web/src/layout/DashboardLayout.tsx b/web/src/layout/DashboardLayout.tsx
index f8e56aa..ddb3781 100644
--- a/web/src/layout/DashboardLayout.tsx
+++ b/web/src/layout/DashboardLayout.tsx
@@ -8,7 +8,7 @@ const DashboardLayout: FC = () => {
   return (
     <div className="relative z-10 flex items-center justify-center min-h-screen">
       <Card className="overflow-y-auto min-h-screen w-full min-w-full shadow-lg bg-white/85 dark:bg-black/85 backdrop-blur-md sm:rounded-none">
-        <div className="flex flex-col items-center sm:pt-0 relative">
+        <div className="flex flex-col w-full h-full flex-1 items-center sm:pt-0 relative">
           <div className="flex flex-row items-center absolute left-4 top-4">
             <img src="/icon.png" alt="icon" className="w-6 h-6" />
 
@@ -20,7 +20,7 @@ const DashboardLayout: FC = () => {
           </div>
 
           <CardContent
-            className="w-full space-y-4 flex-1 bg-black/5 dark:bg-white/5"
+            className="w-full h-full space-y-4 flex-1 bg-black/5 dark:bg-white/5"
             spacing={false}
           >
             <div className="flex flex-row">