diff --git a/ui/litellm-dashboard/src/components/UsageIndicator.test.tsx b/ui/litellm-dashboard/src/components/UsageIndicator.test.tsx
index 8c7c15bc5a5..bd25ef185d3 100644
--- a/ui/litellm-dashboard/src/components/UsageIndicator.test.tsx
+++ b/ui/litellm-dashboard/src/components/UsageIndicator.test.tsx
@@ -40,6 +40,14 @@ describe("UsageIndicator", () => {
     expect(screen.getByText("Usage")).toBeInTheDocument();
   });
 
+  it("should not use fixed positioning that can cover sidebar items", async () => {
+    render(<UsageIndicator accessToken="token" width={220} />);
+
+    const usageLabel = await screen.findByText("Usage");
+
+    expect(usageLabel.closest(".fixed")).toBeNull();
+  });
+
   it("should not show Near limit when users usage is below 80% (1/100 -> 1%)", async () => {
     render(<UsageIndicator accessToken="token" width={220} />);
 
diff --git a/ui/litellm-dashboard/src/components/UsageIndicator.tsx b/ui/litellm-dashboard/src/components/UsageIndicator.tsx
index 3052bf645c6..3c6f6c793ac 100644
--- a/ui/litellm-dashboard/src/components/UsageIndicator.tsx
+++ b/ui/litellm-dashboard/src/components/UsageIndicator.tsx
@@ -687,9 +687,8 @@ export default function UsageIndicator({ accessToken, width = 220 }: UsageIndica
     return null;
   }
 
-  // Fixed positioning with proper spacing from edges
   return (
-    <div className="fixed bottom-4 left-4 z-50" style={{ width: `${Math.min(width, 220)}px` }}>
+    <div className="px-4 py-2" style={{ boxSizing: "border-box", width: `${Math.min(width, 220)}px` }}>
       <CardStyleView />
     </div>
   );