diff --git a/ui/src/main.js b/ui/src/main.js
index b70af1f..79c66b1 100644
--- a/ui/src/main.js
+++ b/ui/src/main.js
@@ -444,16 +444,16 @@
         accent
       >
         <template #actions>
-          <GnButton variant="secondary" icon="ph-arrow-clockwise" @click="load">
+          <GnButton variant="secondary" icon="ph ph-arrow-clockwise" @click="load">
             Refresh
           </GnButton>
         </template>
       </GnPageHeader>
 
       <section class="gnb-status">
-        <GnMetricCard label="Documents" :value="String(docs.length)" icon="ph-files" meta="Markdown pages" />
-        <GnMetricCard label="Inventory" :value="String(inventoryTypes.length)" icon="ph-database" meta="YAML types" />
-        <GnMetricCard label="Changes" :value="String(changes.length)" icon="ph-git-pull-request" meta="Pending records" />
+        <GnMetricCard label="Documents" :value="String(docs.length)" icon="ph ph-files" meta="Markdown pages" />
+        <GnMetricCard label="Inventory" :value="String(inventoryTypes.length)" icon="ph ph-database" meta="YAML types" />
+        <GnMetricCard label="Changes" :value="String(changes.length)" icon="ph ph-git-pull-request" meta="Pending records" />
       </section>
 
       <section class="section">
@@ -581,7 +581,7 @@
                       <GnButton
                         v-if="selectedChange?.status === 'pending'"
                         variant="success"
-                        icon="ph-check"
+                        icon="ph ph-check"
                         :disabled="changeApplying"
                         @click="applySelectedChange"
                       >
@@ -598,8 +598,8 @@
               <section class="gnb-proposal">
                 <GnToolbar title="Propose Document Change" meta="Creates a pending change" />
                 <div class="gnb-form-grid">
-                  <GnInput v-model="proposalSummary" label="Summary" icon="ph-note-pencil" />
-                  <GnInput v-model="proposalTarget" label="Target path" icon="ph-file-md" />
+                  <GnInput v-model="proposalSummary" label="Summary" icon="ph ph-note-pencil" />
+                  <GnInput v-model="proposalTarget" label="Target path" icon="ph ph-file-md" />
                 </div>
                 <label class="gnb-field">
                   <span>Reason</span>
@@ -611,7 +611,7 @@
                 </label>
                 <GnButton
                   variant="secondary"
-                  icon="ph-plus"
+                  icon="ph ph-plus"
                   :disabled="proposalRunning"
                   @click="proposeDocChange"
                 >
@@ -647,14 +647,14 @@
                   title="Local Commit"
                   :meta="String(selectedCommitFiles.length) + ' selected'"
                 />
-                <GnInput v-model="commitSummary" label="Summary" icon="ph-git-commit" />
+                <GnInput v-model="commitSummary" label="Summary" icon="ph ph-git-commit" />
                 <label class="gnb-field">
                   <span>Details</span>
                   <textarea v-model="commitDetails" rows="5"></textarea>
                 </label>
                 <GnButton
                   variant="success"
-                  icon="ph-check"
+                  icon="ph ph-check"
                   :disabled="!commitCanRun"
                   @click="commitSelectedFiles"
                 >
diff --git a/ui/src/styles.css b/ui/src/styles.css
index f13a14d..5a7f139 100644
--- a/ui/src/styles.css
+++ b/ui/src/styles.css
@@ -49,10 +49,23 @@
   padding-bottom: 2px;
 }
 
+.gnb-shell .description-list {
+  max-width: none;
+}
+
+.gnb-shell .toolbar {
+  margin-bottom: 12px;
+}
+
+.gnb-shell .tabs-panels {
+  width: 100%;
+}
+
 .gnb-status {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 48px;
+  justify-items: center;
   margin: 24px 0;
 }