diff --git a/frontend/src/components/ui/DesignSystemStyles.astro b/frontend/src/components/ui/DesignSystemStyles.astro
index 4a3ecae..6fe67fc 100644
--- a/frontend/src/components/ui/DesignSystemStyles.astro
+++ b/frontend/src/components/ui/DesignSystemStyles.astro
@@ -171,6 +171,37 @@
     border-color: var(--color-primary);
   }
 
+  .ui-select {
+    width: 100%;
+  }
+
+  .ui-form .form-grid {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 0.75rem;
+  }
+
+  .ui-form .form-group {
+    margin-bottom: 0;
+  }
+
+  .ui-form .form-group label {
+    display: block;
+    margin-bottom: 0.5rem;
+    font-weight: 500;
+  }
+
+  .ui-form .form-actions {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 1rem;
+  }
+
+  .ui-form .help-text {
+    color: var(--color-text-muted);
+    margin: 0.35rem 0 0;
+  }
+
   :where(button) {
     border: 1px solid transparent;
     border-radius: var(--radius-sm);
diff --git a/frontend/src/pages/delegations.astro b/frontend/src/pages/delegations.astro
index 2fac36b..995343e 100644
--- a/frontend/src/pages/delegations.astro
+++ b/frontend/src/pages/delegations.astro
@@ -117,7 +117,7 @@ import DelegationGraph from '../components/voting/DelegationGraph.astro';
             <h2>Create Delegation</h2>
             <button type="button" class="ui-btn ui-btn-secondary" id="cancel-delegation">Close</button>
           </div>
-          <form id="delegation-form">
+          <form id="delegation-form" class="ui-form">
             <div class="form-grid">
               <div class="form-group">
                 <label for="delegate-select">Delegate to</label>
@@ -375,33 +375,6 @@ import DelegationGraph from '../components/voting/DelegationGraph.astro';
     letter-spacing: -0.01em;
   }
 
-  .form-group {
-    margin-bottom: 1rem;
-  }
-
-  .form-group label {
-    display: block;
-    margin-bottom: 0.5rem;
-    font-weight: 500;
-  }
-
-  .form-grid {
-    display: grid;
-    grid-template-columns: 1fr;
-    gap: 0.75rem;
-  }
-
-  .form-actions {
-    display: flex;
-    justify-content: flex-end;
-    margin-top: 1rem;
-  }
-
-  .help-text {
-    color: var(--color-text-muted);
-    margin: 0.35rem 0 0;
-  }
-
   .loading {
     color: var(--color-text-muted);
     text-align: center;