From adfe7d1f328eae594c54cf9009ee911aee99b068 Mon Sep 17 00:00:00 2001
From: "Galih." <galihpujiirianto@gmail.com>
Date: Thu, 27 Feb 2025 19:32:56 +0700
Subject: [PATCH] fix: add more padding for mobile hamburger menu on header
 layout

---
 resources/js/components/app-header.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/app-header.tsx b/resources/js/components/app-header.tsx
index 5015c6877..11ef2ed99 100644
--- a/resources/js/components/app-header.tsx
+++ b/resources/js/components/app-header.tsx
@@ -63,7 +63,7 @@ export function AppHeader({ breadcrumbs = [] }: AppHeaderProps) {
                                 <SheetHeader className="flex justify-start text-left">
                                     <AppLogoIcon className="h-6 w-6 fill-current text-black dark:text-white" />
                                 </SheetHeader>
-                                <div className="mt-6 flex h-full flex-1 flex-col space-y-4">
+                                <div className="p-4 flex h-full flex-1 flex-col space-y-4">
                                     <div className="flex h-full flex-col justify-between text-sm">
                                         <div className="flex flex-col space-y-4">
                                             {mainNavItems.map((item) => (