diff --git a/www/apps/ui/src/components/navbar.tsx b/www/apps/ui/src/components/navbar.tsx
index 4032b98904..d4c8791f7b 100644
--- a/www/apps/ui/src/components/navbar.tsx
+++ b/www/apps/ui/src/components/navbar.tsx
@@ -18,7 +18,7 @@ const Navbar = () => {
         setMobileSidebarOpen,
         mobileSidebarOpen,
       }}
-      className="!z-[99]"
+      className="!z-[49]"
     />
   )
 }
diff --git a/www/apps/ui/src/examples/drawer-demo.tsx b/www/apps/ui/src/examples/drawer-demo.tsx
index 1f3a55f513..583170deeb 100644
--- a/www/apps/ui/src/examples/drawer-demo.tsx
+++ b/www/apps/ui/src/examples/drawer-demo.tsx
@@ -1,4 +1,4 @@
-import { Button, Drawer } from "@medusajs/ui"
+import { Button, Drawer, Text } from "@medusajs/ui"
 
 export default function DrawerDemo() {
   return (
@@ -10,7 +10,9 @@ export default function DrawerDemo() {
         <Drawer.Header>
           <Drawer.Title>Edit Variant</Drawer.Title>
         </Drawer.Header>
-        <Drawer.Body></Drawer.Body>
+        <Drawer.Body className="p-4">
+          <Text>This is where you edit the variant&apos;s details</Text>
+        </Drawer.Body>
         <Drawer.Footer>
           <Drawer.Close asChild>
             <Button variant="secondary">Cancel</Button>
diff --git a/www/apps/ui/src/styles/globals.css b/www/apps/ui/src/styles/globals.css
index d9f04535b3..945554a7da 100644
--- a/www/apps/ui/src/styles/globals.css
+++ b/www/apps/ui/src/styles/globals.css
@@ -18,7 +18,11 @@
     @apply !bg-medusa-code-text-highlight;
   }
 
+  body {
+    @apply text-ui-fg-subtle;
+  }
+
   body[data-modal="opened"] {
-    @apply !overflow-hidden;
+    @apply !overflow-hidden text-ui-fg-base;
   }
 }