From 628237d5f5e6153bb59f959a9896fcff3b4ddd9d Mon Sep 17 00:00:00 2001
From: gsxdsm <gsxdsm@users.noreply.github.com>
Date: Wed, 11 Feb 2026 23:52:47 -0800
Subject: [PATCH] fix: usage dropdown cuts off last enteynon mobile (#392)

---
 packages/ui/src/components/layout/Header.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/components/layout/Header.tsx b/packages/ui/src/components/layout/Header.tsx
index a257c920..bdff17a7 100644
--- a/packages/ui/src/components/layout/Header.tsx
+++ b/packages/ui/src/components/layout/Header.tsx
@@ -1373,7 +1373,7 @@ export const Header: React.FC = () => {
               <DropdownMenuContent
                 align="end"
                 sideOffset={0}
-                className="h-[100vh] w-[100vw] max-h-none rounded-none border-0 p-0"
+                className="h-dvh w-[100vw] max-h-none rounded-none border-0 p-0 overflow-hidden"
               >
                 <div className="flex h-full flex-col bg-[var(--surface-elevated)]">
                   <div className="sticky top-0 z-20 border-b border-[var(--interactive-border)] bg-[var(--surface-elevated)]">
@@ -1431,11 +1431,11 @@ export const Header: React.FC = () => {
                         </button>
                       </div>
                     </div>
-                    <div className="px-3 pb-3 typography-micro text-muted-foreground text-[10px]">
+                    <div className="px-3 pb-3 text-right typography-micro text-muted-foreground text-[8px]">
                       Last updated {formatTime(quotaLastUpdated)}
                     </div>
                   </div>
-                  <div className="flex-1 overflow-y-auto overflow-x-hidden">
+                  <div className="flex-1 overflow-y-auto overflow-x-hidden pb-[calc(4rem+env(safe-area-inset-bottom))]">
                     {!hasRateLimits && (
                       <div className="px-3 py-4 typography-ui-label text-muted-foreground">
                         No rate limits available.