Fix Bug 69278 - Rooms. fixed ModalDialog styles

packages/shared/components/modal-dialog/ModalDialog.styled.ts

@@ -155,12 +155,14 @@ const Content = styled.div.attrs((props: { modalSwipeOffset?: number }) => ({
         `}
 `;
 
-const StyledHeader = styled.div`
+const StyledHeader = styled.div<{ currentDisplayType?: ModalDialogType }>`
   display: flex;
   align-items: center;
   border-bottom: ${(props) =>
     `1px solid ${props.theme.modalDialog.headerBorderColor}`};
   height: 52px;
+  margin-bottom: ${(props) =>
+    props.currentDisplayType === "aside" ? "0px" : "16px"};
   padding: 0 16px 0;
 
   .heading {

packages/shared/components/modal-dialog/sub-components/Modal.tsx

@@ -191,6 +191,7 @@ const Modal = ({
                       "modal-header"
                     }
                     {...headerProps}
+                    currentDisplayType={currentDisplayType}
                   >
                     <Heading
                       level={1}