Update

resources/css/app.css

@@ -58,6 +58,8 @@ @theme {
     --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
     --color-sidebar-border: var(--sidebar-border);
     --color-sidebar-ring: var(--sidebar-ring);
+    
+    --spacing-safe-area: env(safe-area-inset-top);
 }
 
 /*

resources/js/modules/upgrade/upgrade-sheet.jsx

@@ -109,8 +109,8 @@ const UpgradeSheet = () => {
 
     return (
         <Sheet open={isOpen} onOpenChange={handleOpenChange}>
-            <SheetContent side="bottom" className="max-h-screen overflow-y-scroll pb-1">
-                <SheetHeader>
+            <SheetContent side="bottom" className="max-h-screen gap-0! overflow-y-scroll pb-1 pt-safe-area">
+                <SheetHeader className="mb-0">
                     <SheetTitle className="flex items-center justify-center gap-2 sm:text-center">
                         <CartIcon className={'h-4 w-4'} /> Store
                     </SheetTitle>