#76 Udpate top bar heading styles

Netcentric · Nov 23, 2023 · ecfa29f · ecfa29f
1 parent 025275c
commit ecfa29f
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/common/modal/modal.css b/common/modal/modal.css
@@ -69,15 +69,17 @@
   margin: 0 16px;
   gap: 10px;
   min-height: var(--top-bar-height);
-  align-items: center;
+  align-items: flex-start;
   width: 100%;
   padding: 32px 0;
 }
 
 .modal-top-bar-heading {
   font-family: var(--ff-volvo-novum);
-  font-size: var(--f-heading-5-font-size);
-  line-height: var(--f-heading-5-line-height);
+  font-size: var(--f-subtitle-1-font-size);
+  line-height: var(--f-subtitle-1-line-height);
+  letter-spacing: var(--f-subtitle-1-letter-spacing);
+  align-self: center;
   margin: 0;
 }
 
@@ -153,6 +155,12 @@
   .modal-top-bar-content {
     margin: 0 32px;
   }
+
+  .modal-top-bar-heading {
+    font-size: var(--f-heading-6-font-size);
+    line-height: var(--f-heading-6-line-height);
+    letter-spacing: var(--f-heading-6-letter-spacing);
+  }
 }
 
 @media (min-width: 1200px) {