diff --git a/ui/src/main.js b/ui/src/main.js
index 79c66b1..3d4f8af 100644
--- a/ui/src/main.js
+++ b/ui/src/main.js
@@ -609,14 +609,16 @@
                   <span>Markdown content</span>
                   <textarea v-model="proposalContent" rows="12"></textarea>
                 </label>
-                <GnButton
-                  variant="secondary"
-                  icon="ph ph-plus"
-                  :disabled="proposalRunning"
-                  @click="proposeDocChange"
-                >
-                  {{ proposalRunning ? 'Creating' : 'Create pending change' }}
-                </GnButton>
+                <div class="gnb-actions">
+                  <GnButton
+                    variant="secondary"
+                    icon="ph ph-plus"
+                    :disabled="proposalRunning"
+                    @click="proposeDocChange"
+                  >
+                    {{ proposalRunning ? 'Creating' : 'Create pending change' }}
+                  </GnButton>
+                </div>
                 <div v-if="proposalError" class="gnb-error">{{ proposalError }}</div>
               </section>
             </div>
@@ -652,14 +654,16 @@
                   <span>Details</span>
                   <textarea v-model="commitDetails" rows="5"></textarea>
                 </label>
-                <GnButton
-                  variant="success"
-                  icon="ph ph-check"
-                  :disabled="!commitCanRun"
-                  @click="commitSelectedFiles"
-                >
-                  {{ commitRunning ? 'Committing' : 'Commit selected' }}
-                </GnButton>
+                <div class="gnb-actions">
+                  <GnButton
+                    variant="success"
+                    icon="ph ph-check"
+                    :disabled="!commitCanRun"
+                    @click="commitSelectedFiles"
+                  >
+                    {{ commitRunning ? 'Committing' : 'Commit selected' }}
+                  </GnButton>
+                </div>
                 <div v-if="commitError" class="gnb-error">{{ commitError }}</div>
                 <pre v-if="commitResult" class="gnb-json gnb-json-small">{{ JSON.stringify(commitResult, null, 2) }}</pre>
               </section>
diff --git a/ui/src/styles.css b/ui/src/styles.css
index 5a7f139..75fdad1 100644
--- a/ui/src/styles.css
+++ b/ui/src/styles.css
@@ -214,6 +214,13 @@
   padding-top: 8px;
 }
 
+.gnb-actions {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  gap: 8px;
+}
+
 .gnb-form-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));