diff --git a/pkgs/clan-app/ui/src/components/Modal/Modal.module.css b/pkgs/clan-app/ui/src/components/Modal/Modal.module.css
index e0fb239c5..a2a88096f 100644
--- a/pkgs/clan-app/ui/src/components/Modal/Modal.module.css
+++ b/pkgs/clan-app/ui/src/components/Modal/Modal.module.css
@@ -22,7 +22,7 @@
 }
 
 .modal_body {
-  @apply rounded-md p-6 pt-4 bg-def-1;
+  @apply rounded-b-md p-6 pt-4 bg-def-1;
 
   &[data-no-padding] {
     @apply p-0;
diff --git a/pkgs/clan-app/ui/src/components/Modal/Modal.tsx b/pkgs/clan-app/ui/src/components/Modal/Modal.tsx
index 2248b2b1a..edfde6462 100644
--- a/pkgs/clan-app/ui/src/components/Modal/Modal.tsx
+++ b/pkgs/clan-app/ui/src/components/Modal/Modal.tsx
@@ -49,7 +49,7 @@ export const Modal = (props: ModalProps) => {
           <Show when={props.metaHeader}>
             {(metaHeader) => (
               <>
-                <div class="flex h-9 items-center px-6 py-2">
+                <div class="flex h-9 items-center px-6 py-2 bg-def-1">
                   <Dynamic component={metaHeader()} />
                 </div>
                 <div class={styles.header_divider} />