more style changes

Author: Logannford

src/app/(default_layout)/dashboard/page.tsx

@@ -5,10 +5,10 @@ import { Separator } from '@/components/ui/separator';
 
 export default async function Dashboard() {
   return (
-    <div className="text-white flex flex-col gap-y-4">
+    <div className="text-white flex flex-col gap-y-4 h-full">
       <div className="flex w-full justify-between">
         <h1 className="text-xl md:text-4xl font-satoshi font-semibold">
-          Welcome back!
+          Overview
         </h1>
         <div className="flex item-center gap-x-3">
           <LanguageSwitcher />
@@ -19,7 +19,9 @@ export default async function Dashboard() {
         {/** userData?.userLevel === 'ADMIN' && <AdminButton /> */}
       </div>
       <Separator className="bg-black-50" />
-      <DashboardBentoGrid />
+      <div className=" h-full">
+        <DashboardBentoGrid />
+      </div>
     </div>
   );
 }

src/app/(default_layout)/layout.tsx

@@ -29,8 +29,8 @@ export default function Layout({
 
             {/* Scrollable content */}
             <AppSidebar />
-            <main className="w-full pr-6 py-6 lg:pt-6 lg:pb-3 lg:ml-break-out pl-break-out">
-              <div className="lg:pl-6 h-full">
+            <main className="w-full pr-6 py-6 lg:pt-8 lg:pb-3">
+              <div className="lg:pl-4 h-full">
                 {/* <SidebarTrigger className="size-4 h-full flex items-center my-auto -top-2.5 relative" /> */}
                 {children}
               </div>