diff --git a/frontend/src/pages/proposals/[id].astro b/frontend/src/pages/proposals/[id].astro
index 40357ee..7b25c8a 100644
--- a/frontend/src/pages/proposals/[id].astro
+++ b/frontend/src/pages/proposals/[id].astro
@@ -307,7 +307,7 @@ const proposalId = id ?? '';
             </summary>
             <div class="panel-body">
               ${token ? `
-                <form id="comment-form" class="comment-form">
+                <form id="comment-form" class="comment-form ui-form" style="--ui-form-group-mb: 0.75rem;">
                   <textarea id="comment-content" placeholder="Add your comment..." required></textarea>
                   <div class="comment-actions">
                     <button type="submit" class="ui-btn ui-btn-primary">Post Comment</button>
@@ -1081,38 +1081,11 @@ const proposalId = id ?? '';
   }
 
   .comment-form textarea {
-    width: 100%;
-    padding: 0.75rem;
-    border: 1px solid var(--color-border);
-    border-radius: 8px;
-    background: var(--color-surface);
-    color: var(--color-text);
-    font-family: inherit;
-    font-size: 0.875rem;
     resize: vertical;
     min-height: 80px;
     margin-bottom: 0.5rem;
   }
 
-  .comment-form textarea:focus {
-    outline: none;
-    border-color: var(--color-primary);
-  }
-
-  .comment-form button {
-    background: var(--color-primary);
-    color: var(--color-on-primary);
-    border: none;
-    padding: 0.5rem 1rem;
-    border-radius: 6px;
-    font-weight: 600;
-    cursor: pointer;
-  }
-
-  .comment-form button:hover {
-    background: var(--color-primary-hover);
-  }
-
   .comments-list {
     display: grid;
     gap: 1rem;
@@ -1155,8 +1128,4 @@ const proposalId = id ?? '';
     color: var(--color-text-muted);
     padding: 2rem;
   }
-
-  .card {
-    padding: 2rem;
-  }
 </style>