diff --git a/frontend/src/pages/communities/[slug]/index.astro b/frontend/src/pages/communities/[slug]/index.astro
index 9114710..75e4680 100644
--- a/frontend/src/pages/communities/[slug]/index.astro
+++ b/frontend/src/pages/communities/[slug]/index.astro
@@ -267,7 +267,7 @@ const { slug } = Astro.params;
     const modal = document.createElement('div');
     modal.className = 'edit-modal';
     modal.innerHTML = `
-      <div class="modal-content">
+      <div class="modal-content ui-card ui-card-pad-xl">
         <h2>Edit Community</h2>
         <form id="edit-community-form">
           <div class="form-group">
@@ -453,10 +453,7 @@ const { slug } = Astro.params;
   }
 
   .modal-content {
-    background: var(--color-surface);
-    border: 1px solid var(--color-border);
     border-radius: 12px;
-    padding: 2rem;
     width: 100%;
     max-width: 500px;
   }