chore: TO REMOVE try fix design

src/sass/override/material-override.scss

@@ -7,3 +7,37 @@
     bottom: 7px;
   }
 }
+
+.mdc-icon-button {
+  width: 40px !important;
+  height: 40px !important;
+}
+
+//TODO MOVE INTO SOLIDFIY
+.mat-mdc-icon-button .mat-mdc-button-touch-target {
+  width: 40px !important;
+  height: 40px !important;
+}
+
+//html * {
+//  font: 400 14px/20px Roboto, Helvetica Neue, sans-serif;
+//}
+//
+//h1 {
+//  font: 400 24px/32px Roboto, Helvetica Neue, sans-serif;
+//  margin: 0 0 16px;
+//}
+//
+//h2 {
+//  font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
+//  margin: 0 0 16px;
+//}
+//
+//p {
+//  margin: 0;
+//}
+
+.mdc-button__label {
+  display: flex;
+  align-items: center;
+}

src/sass/themes/dlcm-theme.scss

@@ -21,6 +21,24 @@ $dlcm-dark-theme: mat.define-dark-theme(
         $warn
 );
 
+
+$my-custom-level: mat.define-typography-level(
+    $font-family: Roboto,
+    $font-weight: 400,
+    $font-size: 1rem,
+    $line-height: 1,
+    $letter-spacing: normal,
+);
+
+$my-custom-typography-config: mat.define-typography-config(
+    $headline-1: mat.define-typography-level(112px, 112px, 300, $letter-spacing: -0.05em),
+    $headline-2: mat.define-typography-level(56px, 56px, 400, $letter-spacing: -0.02em),
+    $headline-3: mat.define-typography-level(45px, 48px, 400, $letter-spacing: -0.005em),
+    $headline-4: mat.define-typography-level(34px, 40px, 400),
+    $headline-5: mat.define-typography-level(24px, 32px, 400), // ...
+);
+
+
 @include isInTheme($theme-dlcm, true) {
   --primary-color: #{map-get($primary, 800)};
   --primary-color-lighter: #028dd6;