diff --git a/ui/litellm-dashboard/src/components/shared/DataTable/DataTable.test.tsx b/ui/litellm-dashboard/src/components/shared/DataTable/DataTable.test.tsx
index ef0d842ad3e..7b16f24ebb6 100644
--- a/ui/litellm-dashboard/src/components/shared/DataTable/DataTable.test.tsx
+++ b/ui/litellm-dashboard/src/components/shared/DataTable/DataTable.test.tsx
@@ -507,6 +507,55 @@ describe("DataTable layout", () => {
   });
 });
 
+describe("DataTable resizing width", () => {
+  const sizedColumns: ColumnDef<Person, unknown>[] = [
+    {
+      accessorKey: "name",
+      header: "Name",
+      size: 100,
+      cell: ({ row }) => <span data-testid="name-cell">{row.original.name}</span>,
+    },
+    {
+      accessorKey: "email",
+      header: "Email",
+      size: 200,
+      cell: ({ row }) => <span>{row.original.email}</span>,
+    },
+  ];
+
+  const tableEl = (container: HTMLElement): HTMLTableElement | null =>
+    container.querySelector<HTMLTableElement>('[data-slot="table"]');
+
+  it("fills the container and only floors the width at the summed column pixels", () => {
+    const { container } = render(<DataTable data={CHARLIE_ALICE_BOB} columns={sizedColumns} enableColumnResizing />);
+    const table = tableEl(container);
+    // width tracks the container, not a fixed pixel sum, so leftover space is absorbed
+    expect(table?.style.width).toBe("100%");
+    // min-width preserves the summed columns so it scrolls rather than squishing when cramped
+    expect(table?.style.minWidth).toBe("300px");
+  });
+
+  it("keeps filling the container after a column is hidden", async () => {
+    const user = userEvent.setup();
+    const { container } = render(
+      <DataTable
+        data={CHARLIE_ALICE_BOB}
+        columns={sizedColumns}
+        enableColumnResizing
+        toolbar={(table) => <DataTableViewOptions table={table} />}
+      />,
+    );
+
+    await user.click(screen.getByTestId("view-options-trigger"));
+    await user.click(await screen.findByTestId("view-option-email"));
+    await waitFor(() => expect(container.querySelector('th[data-header-id="email"]')).toBeNull());
+
+    const table = tableEl(container);
+    expect(table?.style.width).toBe("100%");
+    expect(table?.style.minWidth).toBe("100px");
+  });
+});
+
 describe("DataTable misconfiguration guards", () => {
   it("throws when server sorting is missing required props", () => {
     const spy = vi.spyOn(console, "error").mockImplementation(() => {});
diff --git a/ui/litellm-dashboard/src/components/shared/DataTable/DataTable.tsx b/ui/litellm-dashboard/src/components/shared/DataTable/DataTable.tsx
index 758ca5a597b..ee6991c6627 100644
--- a/ui/litellm-dashboard/src/components/shared/DataTable/DataTable.tsx
+++ b/ui/litellm-dashboard/src/components/shared/DataTable/DataTable.tsx
@@ -508,7 +508,9 @@ export function DataTable<TData extends RowData, TValue>(props: DataTableProps<T
   const rows = table.getRowModel().rows;
   const visibleColumnCount = table.getVisibleLeafColumns().length;
   const stickyHeader = maxBodyHeight !== undefined;
-  const tableStyle = enableColumnResizing ? { width: table.getTotalSize() } : undefined;
+  const tableStyle: React.CSSProperties | undefined = enableColumnResizing
+    ? { width: "100%", minWidth: table.getTotalSize() }
+    : undefined;
 
   const renderPagination = (): React.ReactNode => {
     if (paginationSlot !== undefined) {