diff --git a/starterkits/saas/src/app/(app)/(user)/dashboard/page.tsx b/starterkits/saas/src/app/(app)/(user)/dashboard/page.tsx
index 1ee1c32..22bb779 100644
--- a/starterkits/saas/src/app/(app)/(user)/dashboard/page.tsx
+++ b/starterkits/saas/src/app/(app)/(user)/dashboard/page.tsx
@@ -15,7 +15,7 @@ export default function DashboardPage() {
             description={dashboardPageConfig.description}
         >
             <div className="grid gap-6">
-                <div className="grid grid-cols-4 gap-4">
+                <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
                     <Card>
                         <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
                             <CardTitle className="text-sm font-medium">
diff --git a/starterkits/saas/src/app/(app)/_components/layout-shell.tsx b/starterkits/saas/src/app/(app)/_components/layout-shell.tsx
index 0be8031..c4c9dff 100644
--- a/starterkits/saas/src/app/(app)/_components/layout-shell.tsx
+++ b/starterkits/saas/src/app/(app)/_components/layout-shell.tsx
@@ -25,7 +25,7 @@ export function AppLayoutShell({
     showOrgSwitcher,
 }: AppLayoutProps) {
     return (
-        <div className="container flex items-start ">
+        <div className="container flex items-start gap-8">
             <div className="sticky left-0 top-0 hidden h-screen w-52 flex-shrink-0 md:block lg:w-60 ">
                 <Suspense fallback={<SidebarLoading />}>
                     <Sidebar
diff --git a/starterkits/saas/src/app/(app)/_components/page-shell.tsx b/starterkits/saas/src/app/(app)/_components/page-shell.tsx
index 7f3b4ef..de7c8ca 100644
--- a/starterkits/saas/src/app/(app)/_components/page-shell.tsx
+++ b/starterkits/saas/src/app/(app)/_components/page-shell.tsx
@@ -16,7 +16,7 @@ export function AppPageShell({
     const Container = as ?? "main";
 
     return (
-        <div className="w-full space-y-8 pl-8">
+        <div className="w-full space-y-8">
             <PageHeader title={title} description={description} />
             <Container className="space-y-8 pb-8">{children}</Container>
         </div>