app/src/components/settings/SharedAuthSettings.test.tsx

@@ -140,6 +140,17 @@ describe("SharedAuthSettings", () => {
     await waitFor(() => expect(hasClaudeToken).toHaveBeenCalled());
   });
 
+  it("lets the action buttons wrap instead of running out of the sidebar", async () => {
+    // Re-authenticate, Revoke and Check snapshot images are each nowrap, and
+    // together they are wider than the settings sidebar.
+    projects = [running()];
+    hasClaudeToken.mockResolvedValue(true);
+    render(<SharedAuthSettings />);
+
+    const sweep = await screen.findByTestId("shared-auth-sweep");
+    expect(sweep.parentElement).toHaveClass("flex-wrap");
+  });
+
   it("enables Authenticate once a container is running", async () => {
     projects = [running()];
     render(<SharedAuthSettings />);

app/src/components/settings/SharedAuthSettings.tsx

@@ -283,7 +283,7 @@ export default function SharedAuthSettings() {
         </div>
       )}
 
-      <div className="flex items-center gap-2">
+      <div className="flex flex-wrap items-center gap-2">
         <Button
           size="md"
           variant="primary"