Revert "Adding right padding to the title text of a modal to prevent the title from overlapping with the close cross"

This reverts commit f232489.

Author: zonetecde

src/components/dls/ContentModal/ContentModal.module.scss

@@ -1,5 +1,5 @@
-@use 'src/styles/breakpoints';
-@use 'src/styles/mixins/z-index' as z-index-mixins;
+@use "src/styles/breakpoints";
+@use "src/styles/mixins/z-index" as z-index-mixins;
 
 $translateYDistance: 200px;
 
@@ -41,14 +41,14 @@ $translateYDistance: 200px;
 
 .modalContainer {
   @include breakpoints.desktop {
-    max-inline-size: initial;
-    inline-size: 60vw;
+    max-width: initial;
+    width: 60vw;
   }
 }
 
 .contentContainer {
   overflow-y: scroll;
-  block-size: 80vh;
+  height: 80vh;
 }
 
 .overlay {
@@ -84,9 +84,9 @@ $translateYDistance: 200px;
   border-radius: var(--border-radius-rounded);
   position: relative;
 
-  inline-size: 100vw;
+  width: 100vw;
 
-  block-size: 100%;
+  height: 100%;
   overflow-y: scroll;
   @include breakpoints.tablet {
     overflow-y: visible;
@@ -101,44 +101,48 @@ $translateYDistance: 200px;
 
 .autoHeight {
   @include breakpoints.tablet {
-    block-size: auto;
+    height: auto;
   }
 }
 
 // size
 .medium {
   @include breakpoints.tablet {
     padding: calc(1.5 * var(--spacing-mega));
-    inline-size: 85vw;
+    width: 85vw;
   }
   @include breakpoints.desktop {
-    inline-size: 60vw;
+    width: 60vw;
   }
 }
 
 .small {
   @include breakpoints.tablet {
     padding: calc(1.5 * var(--spacing-mega));
-    inline-size: 60vw;
+    width: 60vw;
   }
   @include breakpoints.desktop {
-    inline-size: 40vw;
+    width: 40vw;
   }
 }
 
-.overlay[data-state='open'] {
+.overlay[data-state="open"] {
   animation: fadeIn var(--transition-regular);
 }
-.overlay[data-state='closed'] {
+.overlay[data-state="closed"] {
   animation: fadeOut var(--transition-regular);
 }
 
-.contentWrapper[data-state='open'] {
-  animation: contentIn var(--transition-regular) ease, fadeIn var(--transition-regular) ease;
+.contentWrapper[data-state="open"] {
+  animation:
+    contentIn var(--transition-regular) ease,
+    fadeIn var(--transition-regular) ease;
 }
 
-.contentWrapper[data-state='closed'] {
-  animation: contentOut var(--transition-regular) ease, fadeOut var(--transition-regular) ease;
+.contentWrapper[data-state="closed"] {
+  animation:
+    contentOut var(--transition-regular) ease,
+    fadeOut var(--transition-regular) ease;
 }
 
 .closeIcon {
@@ -169,7 +173,6 @@ $translateYDistance: 200px;
     padding: 0;
   }
   border-block-end: 1px solid var(--color-borders-hairline);
-  padding-inline-end: 9vw;
 }
 
 .content {