diff --git a/ui/litellm-dashboard/src/components/UsageIndicator.test.tsx b/ui/litellm-dashboard/src/components/UsageIndicator.test.tsx
index bd25ef185d3..b56d65fc12d 100644
--- a/ui/litellm-dashboard/src/components/UsageIndicator.test.tsx
+++ b/ui/litellm-dashboard/src/components/UsageIndicator.test.tsx
@@ -41,11 +41,12 @@ describe("UsageIndicator", () => {
   });
 
   it("should not use fixed positioning that can cover sidebar items", async () => {
-    render(<UsageIndicator accessToken="token" width={220} />);
+    const { container } = render(<UsageIndicator accessToken="token" width={220} />);
 
-    const usageLabel = await screen.findByText("Usage");
+    await screen.findByText("Usage");
 
-    expect(usageLabel.closest(".fixed")).toBeNull();
+    expect(container.firstElementChild).not.toHaveClass("fixed");
+    expect(container.firstElementChild).not.toHaveStyle({ position: "fixed" });
   });
 
   it("should not show Near limit when users usage is below 80% (1/100 -> 1%)", async () => {
diff --git a/ui/litellm-dashboard/src/components/UsageIndicator.tsx b/ui/litellm-dashboard/src/components/UsageIndicator.tsx
index 3c6f6c793ac..a786a9e5cef 100644
--- a/ui/litellm-dashboard/src/components/UsageIndicator.tsx
+++ b/ui/litellm-dashboard/src/components/UsageIndicator.tsx
@@ -688,7 +688,7 @@ export default function UsageIndicator({ accessToken, width = 220 }: UsageIndica
   }
 
   return (
-    <div className="px-4 py-2" style={{ boxSizing: "border-box", width: `${Math.min(width, 220)}px` }}>
+    <div className="px-4 py-2" style={{ width: `${Math.min(width, 220)}px` }}>
       <CardStyleView />
     </div>
   );