diff --git a/omarchy/smoido.claude-mode/Panel.qml b/omarchy/smoido.claude-mode/Panel.qml
index 27d5f08..3dc32ea 100644
--- a/omarchy/smoido.claude-mode/Panel.qml
+++ b/omarchy/smoido.claude-mode/Panel.qml
@@ -680,7 +680,10 @@ Panel {
           font.pixelSize: Style.space(10)
         }
 
-        Row {
+        // Flow, not Row: these can total more than the card is wide, and a
+        // Row lays them straight past its right edge instead of wrapping.
+        Flow {
+          width: parent.width
           spacing: Style.space(7)
 
           PillButton {
@@ -745,7 +748,10 @@ Panel {
           onAccepted: root.saveServerSettings()
         }
 
-        Row {
+        // Flow, not Row: these can total more than the card is wide, and a
+        // Row lays them straight past its right edge instead of wrapping.
+        Flow {
+          width: parent.width
           spacing: Style.space(7)
 
           PillButton {
@@ -796,7 +802,10 @@ Panel {
           }
         }
 
-        Row {
+        // Flow, not Row: these can total more than the card is wide, and a
+        // Row lays them straight past its right edge instead of wrapping.
+        Flow {
+          width: parent.width
           spacing: Style.space(7)
           visible: root.serverNeedsKey
 
@@ -805,7 +814,10 @@ Panel {
 
         PanelSeparator { width: parent.width }
 
-        Row {
+        // Flow, not Row: these can total more than the card is wide, and a
+        // Row lays them straight past its right edge instead of wrapping.
+        Flow {
+          width: parent.width
           spacing: Style.space(7)
 
           PillButton { label: "Save"; primary: true; onTriggered: root.saveServerSettings() }
@@ -907,7 +919,10 @@ Panel {
           }
         }
 
-        Row {
+        // Flow, not Row: these can total more than the card is wide, and a
+        // Row lays them straight past its right edge instead of wrapping.
+        Flow {
+          width: parent.width
           spacing: Style.space(7)
 
           PillButton {