fix: fix header height in the modal

deriv-com · Jun 26, 2024 · cba6da1 · cba6da1
1 parent ffcb783
commit cba6da1
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/components/common/deriv-app-modal/deriv-app-modal.scss b/src/components/common/deriv-app-modal/deriv-app-modal.scss
@@ -56,14 +56,16 @@
                 justify-content: center;
                 align-items: center;
                 color: var(--text-prominent);
-                padding: 24px;
+                padding: 20px 24px;
                 font-size: 1rem;
+                @include mobile {
+                    padding: 16px 24px;
+                }
 
                 &:after {
                     content: '\00d7';
                     font-weight: 200;
                     font-size: 24px;
-                    margin-top: -2px;
                 }
                 &:hover {
                     background: transparent;
@@ -75,9 +77,9 @@
             font-size: var(--font-size-n);
             font-weight: bold;
             margin: 0;
-            padding: 24px;
+            padding: 0 24px;
             @include mobile {
-                padding: 16px;
+                padding: 0 16px;
                 font-size: var(--font-size-s);
             }
         }
@@ -123,7 +125,7 @@
         &-primary-btn {
             background: var(--button-primary-default);
             border: 2px solid var(--button-primary-default);
-            padding-inline: 18px;
+            padding: 8px 18px;
             &:hover {
                 background: var(--button-primary-hover);
             }