UI/modal: fix styling bugs

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;

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} />