diff --git a/ui/litellm-dashboard/src/app/(dashboard)/mcp-servers/_components/MCPNetworkSettings.test.tsx b/ui/litellm-dashboard/src/app/(dashboard)/mcp-servers/_components/MCPNetworkSettings.test.tsx
index 358968df039..9526f5de074 100644
--- a/ui/litellm-dashboard/src/app/(dashboard)/mcp-servers/_components/MCPNetworkSettings.test.tsx
+++ b/ui/litellm-dashboard/src/app/(dashboard)/mcp-servers/_components/MCPNetworkSettings.test.tsx
@@ -58,6 +58,20 @@ describe("MCPNetworkSettings", () => {
     expect(screen.getByText("203.0.113.0/24")).toBeInTheDocument();
   });
 
+  it("exposes the suggested range as a control a keyboard user can reach and activate", async () => {
+    vi.mocked(fetchMCPClientIp).mockResolvedValue("203.0.113.45");
+
+    renderSettings();
+    const suggested = await screen.findByRole("button", { name: /203\.0\.113\.0\/24/ });
+
+    suggested.focus();
+    expect(suggested).toHaveFocus();
+
+    await userEvent.keyboard("{Enter}");
+
+    await waitFor(() => expect(screen.queryByText("Suggested range:")).not.toBeInTheDocument());
+  });
+
   it("adds the suggested range to the list when clicked, and stops suggesting it", async () => {
     vi.mocked(fetchMCPClientIp).mockResolvedValue("203.0.113.45");
 
diff --git a/ui/litellm-dashboard/src/app/(dashboard)/mcp-servers/_components/MCPNetworkSettings.tsx b/ui/litellm-dashboard/src/app/(dashboard)/mcp-servers/_components/MCPNetworkSettings.tsx
index 9226bb36a11..8b4d2a58652 100644
--- a/ui/litellm-dashboard/src/app/(dashboard)/mcp-servers/_components/MCPNetworkSettings.tsx
+++ b/ui/litellm-dashboard/src/app/(dashboard)/mcp-servers/_components/MCPNetworkSettings.tsx
@@ -127,14 +127,15 @@ const MCPNetworkSettings: React.FC<MCPNetworkSettingsProps> = ({ accessToken })
             {suggestedRange && !privateRanges.includes(suggestedRange) && (
               <div className="mt-1 flex items-center gap-2">
                 <p className="text-sm">Suggested range: </p>
-                <Badge
+                <Button
                   variant="outline"
-                  className="cursor-pointer font-mono"
+                  size="sm"
+                  className="font-mono"
                   onClick={() => addSuggestedRange(suggestedRange)}
                 >
                   <Plus />
                   {suggestedRange}
-                </Badge>
+                </Button>
               </div>
             )}
           </div>