From 3fd90e6d64c938f4e081d322f0fc553c91c60d8b Mon Sep 17 00:00:00 2001
From: Yossi Saadi <yossisa@monday.com>
Date: Thu, 31 Oct 2024 13:54:08 +0200
Subject: [PATCH] feat(Modal): css and html structure improvements 7741641864

---
 .../ModalMediaLayout/ModalMediaLayout.module.scss   | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/core/src/components/ModalNew/layouts/ModalMediaLayout/ModalMediaLayout.module.scss b/packages/core/src/components/ModalNew/layouts/ModalMediaLayout/ModalMediaLayout.module.scss
index 7c3115cdac..f3f0c6987c 100644
--- a/packages/core/src/components/ModalNew/layouts/ModalMediaLayout/ModalMediaLayout.module.scss
+++ b/packages/core/src/components/ModalNew/layouts/ModalMediaLayout/ModalMediaLayout.module.scss
@@ -4,18 +4,21 @@
   overflow: hidden;
 
   .media {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    overflow: hidden;
+    position: relative;
     width: 100%;
-    height: var(--modal-top-media-height, 240px);
     flex-shrink: 0;
 
+    height: var(--modal-top-media-height, 240px);
     @media (min-width: 1280px) {
       --modal-top-media-height: 260px;
     }
-
     @media (min-width: 1440px) {
       --modal-top-media-height: 260px;
     }
-
     @media (min-width: 1720px) {
       --modal-top-media-height: 320px;
     }
@@ -23,13 +26,15 @@
 
   .header {
     width: 100%;
-    margin-block: var(--spacing-large) var(--spacing-small);
     text-align: center;
+    margin-block: var(--spacing-xl) var(--spacing-small);
+    padding-inline: var(--modal-inline-padding);
   }
 
   .content {
     width: 100%;
     flex: 1;
     align-self: flex-start;
+    padding-block-end: var(--spacing-large);
   }
 }