diff --git a/ui/litellm-dashboard/src/app/(dashboard)/budgets/_components/BudgetTable.test.tsx b/ui/litellm-dashboard/src/app/(dashboard)/budgets/_components/BudgetTable.test.tsx
index 9a7a7bd2eb9..2b97bcbc072 100644
--- a/ui/litellm-dashboard/src/app/(dashboard)/budgets/_components/BudgetTable.test.tsx
+++ b/ui/litellm-dashboard/src/app/(dashboard)/budgets/_components/BudgetTable.test.tsx
@@ -35,6 +35,15 @@ describe("BudgetTable", () => {
     expect(screen.getByText("10")).toBeInTheDocument();
   });
 
+  it("should render the budget id without a fixed character-count clamp", () => {
+    const budgetId = "ecc1869c-6231-4380-a56d-1a0be457477d";
+    renderWithProviders(<BudgetTable {...defaultProps} budgets={[makeBudget({ budget_id: budgetId })]} />);
+    const idCell = screen.getByText(budgetId);
+    expect(idCell.className).not.toMatch(/max-w-\[\d+(ch|rem|px)\]/);
+    expect(idCell.className).toContain("max-w-full");
+    expect(idCell.className).toContain("truncate");
+  });
+
   it("should show n/a for missing rate limits and Unlimited for a missing max budget", () => {
     renderWithProviders(
       <BudgetTable {...defaultProps} budgets={[makeBudget({ max_budget: null, tpm_limit: null, rpm_limit: null })]} />,
diff --git a/ui/litellm-dashboard/src/app/(dashboard)/budgets/_components/BudgetTableColumns.tsx b/ui/litellm-dashboard/src/app/(dashboard)/budgets/_components/BudgetTableColumns.tsx
index 456ab9d6b68..e3fbc9dba08 100644
--- a/ui/litellm-dashboard/src/app/(dashboard)/budgets/_components/BudgetTableColumns.tsx
+++ b/ui/litellm-dashboard/src/app/(dashboard)/budgets/_components/BudgetTableColumns.tsx
@@ -75,7 +75,7 @@ export const getBudgetTableColumns = ({
     header: "Budget ID",
     size: 220,
     enableSorting: false,
-    cell: ({ row }) => <IdCell value={row.original.budget_id} variant="plain" />,
+    cell: ({ row }) => <IdCell value={row.original.budget_id} variant="plain" className="max-w-full" />,
   },
   {
     id: "max_budget",