diff --git a/src/frontend/apps/impress/cunningham.ts b/src/frontend/apps/impress/cunningham.ts
index e12033942..844f36ac2 100644
--- a/src/frontend/apps/impress/cunningham.ts
+++ b/src/frontend/apps/impress/cunningham.ts
@@ -170,8 +170,8 @@ const config = {
           danger: {
             'color-hover': 'white',
             background: {
-              color: 'var(--c--theme--colors--danger-400)',
-              'color-hover': 'var(--c--theme--colors--danger-500)',
+              color: 'var(--c--theme--colors--danger-600)',
+              'color-hover': '#FF2725',
               'color-disabled': 'var(--c--theme--colors--danger-100)',
             },
           },
@@ -272,15 +272,15 @@ const config = {
           'success-800': '#1e2e22',
           'success-900': '#19281d',
           'info-text': '#0078f3',
-          'info-100': '#f4f6ff',
-          'info-200': '#e8edff',
-          'info-300': '#dde5ff',
-          'info-400': '#bdcdff',
-          'info-500': '#0078f3',
-          'info-600': '#0063cb',
-          'info-700': '#f4f6ff',
-          'info-800': '#222a3f',
-          'info-900': '#1d2437',
+          'info-100': '#E8EDFF',
+          'info-200': '#DDE5FF',
+          'info-300': '#BCCDFF',
+          'info-400': '#518FFF',
+          'info-500': '#0078F3',
+          'info-600': '#0063CB',
+          'info-700': '#273961',
+          'info-800': '#222A3F',
+          'info-900': '#1D2437',
           'warning-text': '#d64d00',
           'warning-100': '#fff4f3',
           'warning-200': '#ffe9e6',
@@ -291,16 +291,16 @@ const config = {
           'warning-700': '#5e2c21',
           'warning-800': '#3e241e',
           'warning-900': '#361e19',
-          'danger-text': '#e1000f',
-          'danger-100': '#fef4f4',
-          'danger-200': '#fee9e9',
-          'danger-300': '#fddede',
-          'danger-400': '#fcbfbf',
-          'danger-500': '#e1000f',
-          'danger-600': '#c9191e',
-          'danger-700': '#642727',
+          'danger-text': '#FFF',
+          'danger-100': '#FFE9E9',
+          'danger-200': '#FFDDDD',
+          'danger-300': '#FFBDBD',
+          'danger-400': '#FF5655',
+          'danger-500': '#F60700',
+          'danger-600': '#CE0500',
+          'danger-700': '#642626',
           'danger-800': '#412121',
-          'danger-900': '#3a1c1c',
+          'danger-900': '#391C1C',
         },
         font: {
           families: {
@@ -319,8 +319,12 @@ const config = {
         alert: {
           'border-radius': '0',
         },
+        modal: {
+          'width-small': '342px',
+        },
         button: {
-          'medium-height': '48px',
+          'medium-height': '40px',
+          'medium-text-height': '40px',
           'border-radius': '4px',
           primary: {
             background: {
@@ -352,7 +356,7 @@ const config = {
           },
           'tertiary-text': {
             background: {
-              'color-hover': 'var(--c--theme--colors--primary-100)',
+              'color-hover': 'var(--c--theme--colors--greyscale-100)',
             },
             'color-hover': 'var(--c--theme--colors--primary-text)',
             color: 'var(--c--theme--colors--primary-600)',
diff --git a/src/frontend/apps/impress/src/assets/fonts/Marianne/Marianne-Bold.woff2 b/src/frontend/apps/impress/src/assets/fonts/Marianne/Marianne-Bold.woff2
index 4a5b7b291..6ea93fd65 100644
Binary files a/src/frontend/apps/impress/src/assets/fonts/Marianne/Marianne-Bold.woff2 and b/src/frontend/apps/impress/src/assets/fonts/Marianne/Marianne-Bold.woff2 differ
diff --git a/src/frontend/apps/impress/src/assets/fonts/Marianne/Marianne-Medium.woff2 b/src/frontend/apps/impress/src/assets/fonts/Marianne/Marianne-Medium.woff2
index 8877adeec..46a6e19ee 100644
Binary files a/src/frontend/apps/impress/src/assets/fonts/Marianne/Marianne-Medium.woff2 and b/src/frontend/apps/impress/src/assets/fonts/Marianne/Marianne-Medium.woff2 differ
diff --git a/src/frontend/apps/impress/src/assets/fonts/Marianne/Marianne-Regular.woff2 b/src/frontend/apps/impress/src/assets/fonts/Marianne/Marianne-Regular.woff2
index 5d6517c80..d19d7cc99 100644
Binary files a/src/frontend/apps/impress/src/assets/fonts/Marianne/Marianne-Regular.woff2 and b/src/frontend/apps/impress/src/assets/fonts/Marianne/Marianne-Regular.woff2 differ
diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-style.css b/src/frontend/apps/impress/src/cunningham/cunningham-style.css
index 2a44b72da..a49c8960a 100644
--- a/src/frontend/apps/impress/src/cunningham/cunningham-style.css
+++ b/src/frontend/apps/impress/src/cunningham/cunningham-style.css
@@ -352,14 +352,23 @@ input:-webkit-autofill:focus {
 }
 
 .c__button--nano {
-  padding: 0 var(--c--theme--spacings--2xs);
-  gap: var(--c--theme--spacings--2xs);
+  padding: 0 var(--c--theme--spacings--3xs);
+  gap: var(--c--theme--spacings--3xs);
+}
+
+.c__button--nano {
+  padding: 0 var(--c--theme--spacings--3xs);
+  gap: var(--c--theme--spacings--3xs);
 }
 
 .c__button--nano.c__button--icon-only {
   width: auto;
 }
 
+.c__button--nano.c__button--icon-only.c__button--full-width {
+  width: 100%;
+}
+
 .c__button--medium {
   padding: 0.9rem var(--c--theme--spacings--s);
 }
@@ -528,8 +537,20 @@ input:-webkit-autofill:focus {
   box-shadow: none;
 }
 
+.c__modal__footer {
+  margin-top: -1.5rem;
+}
+
 .c__modal__close button {
-  padding: 1.5rem 1rem;
+  padding: 0px;
+  font-size: 88px;
+  width: 28px !important;
+  height: 28px;
+}
+
+.c__modal__close button .material-icons {
+  padding: 0px;
+  font-size: 24px;
 }
 
 .c__modal--full .c__modal__content {
diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css
index a15bdb88b..b0c367ba0 100644
--- a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css
+++ b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css
@@ -256,11 +256,9 @@
   );
   --c--components--button--danger--color-hover: white;
   --c--components--button--danger--background--color: var(
-    --c--theme--colors--danger-400
-  );
-  --c--components--button--danger--background--color-hover: var(
-    --c--theme--colors--danger-500
+    --c--theme--colors--danger-600
   );
+  --c--components--button--danger--background--color-hover: #ff2725;
   --c--components--button--danger--background--color-disabled: var(
     --c--theme--colors--danger-100
   );
@@ -312,7 +310,6 @@
   --c--components--button--disabled--background--color: #b3cef0;
   --c--components--la-gauffre--activated: false;
 }
-
 .cunningham-theme--dark {
   --c--theme--colors--greyscale-100: #182536;
   --c--theme--colors--greyscale-200: #303c4b;
@@ -356,12 +353,11 @@
   --c--theme--colors--danger-300: #f09898;
   --c--theme--colors--danger-400: #ed8585;
   --c--theme--colors--danger-500: #e96666;
-  --c--theme--colors--danger-600: #d66;
+  --c--theme--colors--danger-600: #dd6666;
   --c--theme--colors--danger-700: #c36666;
   --c--theme--colors--danger-800: #ae6666;
   --c--theme--colors--danger-900: #9d6666;
 }
-
 .cunningham-theme--dsfr {
   --c--theme--colors--card-border: #e5e5e5;
   --c--theme--colors--primary-text: #000091;
@@ -395,7 +391,7 @@
   --c--theme--colors--greyscale-350: #ddd;
   --c--theme--colors--greyscale-400: #929292;
   --c--theme--colors--greyscale-500: #7c7c7c;
-  --c--theme--colors--greyscale-600: #666;
+  --c--theme--colors--greyscale-600: #666666;
   --c--theme--colors--greyscale-700: #3a3a3a;
   --c--theme--colors--greyscale-750: #353535;
   --c--theme--colors--greyscale-800: #2a2a2a;
@@ -413,13 +409,13 @@
   --c--theme--colors--success-800: #1e2e22;
   --c--theme--colors--success-900: #19281d;
   --c--theme--colors--info-text: #0078f3;
-  --c--theme--colors--info-100: #f4f6ff;
-  --c--theme--colors--info-200: #e8edff;
-  --c--theme--colors--info-300: #dde5ff;
-  --c--theme--colors--info-400: #bdcdff;
+  --c--theme--colors--info-100: #e8edff;
+  --c--theme--colors--info-200: #dde5ff;
+  --c--theme--colors--info-300: #bccdff;
+  --c--theme--colors--info-400: #518fff;
   --c--theme--colors--info-500: #0078f3;
   --c--theme--colors--info-600: #0063cb;
-  --c--theme--colors--info-700: #f4f6ff;
+  --c--theme--colors--info-700: #273961;
   --c--theme--colors--info-800: #222a3f;
   --c--theme--colors--info-900: #1d2437;
   --c--theme--colors--warning-text: #d64d00;
@@ -432,24 +428,26 @@
   --c--theme--colors--warning-700: #5e2c21;
   --c--theme--colors--warning-800: #3e241e;
   --c--theme--colors--warning-900: #361e19;
-  --c--theme--colors--danger-text: #e1000f;
-  --c--theme--colors--danger-100: #fef4f4;
-  --c--theme--colors--danger-200: #fee9e9;
-  --c--theme--colors--danger-300: #fddede;
-  --c--theme--colors--danger-400: #fcbfbf;
-  --c--theme--colors--danger-500: #e1000f;
-  --c--theme--colors--danger-600: #c9191e;
-  --c--theme--colors--danger-700: #642727;
+  --c--theme--colors--danger-text: #fff;
+  --c--theme--colors--danger-100: #ffe9e9;
+  --c--theme--colors--danger-200: #ffdddd;
+  --c--theme--colors--danger-300: #ffbdbd;
+  --c--theme--colors--danger-400: #ff5655;
+  --c--theme--colors--danger-500: #f60700;
+  --c--theme--colors--danger-600: #ce0500;
+  --c--theme--colors--danger-700: #642626;
   --c--theme--colors--danger-800: #412121;
-  --c--theme--colors--danger-900: #3a1c1c;
-  --c--theme--font--families--accent: marianne;
-  --c--theme--font--families--base: marianne;
+  --c--theme--colors--danger-900: #391c1c;
+  --c--theme--font--families--accent: Marianne;
+  --c--theme--font--families--base: Marianne;
   --c--theme--logo--src: /assets/logo-gouv.svg;
   --c--theme--logo--widthHeader: 110px;
   --c--theme--logo--widthFooter: 220px;
-  --c--theme--logo--alt: gouvernement logo;
+  --c--theme--logo--alt: Gouvernement Logo;
   --c--components--alert--border-radius: 0;
-  --c--components--button--medium-height: 48px;
+  --c--components--modal--width-small: 342px;
+  --c--components--button--medium-height: 40px;
+  --c--components--button--medium-text-height: 40px;
   --c--components--button--border-radius: 4px;
   --c--components--button--primary--background--color: var(
     --c--theme--colors--primary-text
@@ -480,7 +478,7 @@
     --c--theme--colors--primary-text
   );
   --c--components--button--tertiary-text--background--color-hover: var(
-    --c--theme--colors--primary-100
+    --c--theme--colors--greyscale-100
   );
   --c--components--button--tertiary-text--color-hover: var(
     --c--theme--colors--primary-text
@@ -555,1735 +553,1306 @@
   --c--components--forms-textarea--border-radius: 0;
   --c--components--la-gauffre--activated: true;
 }
-
 .clr-secondary-text {
   color: var(--c--theme--colors--secondary-text);
 }
-
 .clr-secondary-100 {
   color: var(--c--theme--colors--secondary-100);
 }
-
 .clr-secondary-200 {
   color: var(--c--theme--colors--secondary-200);
 }
-
 .clr-secondary-300 {
   color: var(--c--theme--colors--secondary-300);
 }
-
 .clr-secondary-400 {
   color: var(--c--theme--colors--secondary-400);
 }
-
 .clr-secondary-500 {
   color: var(--c--theme--colors--secondary-500);
 }
-
 .clr-secondary-600 {
   color: var(--c--theme--colors--secondary-600);
 }
-
 .clr-secondary-700 {
   color: var(--c--theme--colors--secondary-700);
 }
-
 .clr-secondary-800 {
   color: var(--c--theme--colors--secondary-800);
 }
-
 .clr-secondary-900 {
   color: var(--c--theme--colors--secondary-900);
 }
-
 .clr-info-text {
   color: var(--c--theme--colors--info-text);
 }
-
 .clr-info-100 {
   color: var(--c--theme--colors--info-100);
 }
-
 .clr-info-200 {
   color: var(--c--theme--colors--info-200);
 }
-
 .clr-info-300 {
   color: var(--c--theme--colors--info-300);
 }
-
 .clr-info-400 {
   color: var(--c--theme--colors--info-400);
 }
-
 .clr-info-500 {
   color: var(--c--theme--colors--info-500);
 }
-
 .clr-info-600 {
   color: var(--c--theme--colors--info-600);
 }
-
 .clr-info-700 {
   color: var(--c--theme--colors--info-700);
 }
-
 .clr-info-800 {
   color: var(--c--theme--colors--info-800);
 }
-
 .clr-info-900 {
   color: var(--c--theme--colors--info-900);
 }
-
 .clr-greyscale-100 {
   color: var(--c--theme--colors--greyscale-100);
 }
-
 .clr-greyscale-200 {
   color: var(--c--theme--colors--greyscale-200);
 }
-
 .clr-greyscale-300 {
   color: var(--c--theme--colors--greyscale-300);
 }
-
 .clr-greyscale-400 {
   color: var(--c--theme--colors--greyscale-400);
 }
-
 .clr-greyscale-500 {
   color: var(--c--theme--colors--greyscale-500);
 }
-
 .clr-greyscale-600 {
   color: var(--c--theme--colors--greyscale-600);
 }
-
 .clr-greyscale-700 {
   color: var(--c--theme--colors--greyscale-700);
 }
-
 .clr-greyscale-800 {
   color: var(--c--theme--colors--greyscale-800);
 }
-
 .clr-greyscale-900 {
   color: var(--c--theme--colors--greyscale-900);
 }
-
 .clr-greyscale-000 {
   color: var(--c--theme--colors--greyscale-000);
 }
-
 .clr-primary-100 {
   color: var(--c--theme--colors--primary-100);
 }
-
 .clr-primary-200 {
   color: var(--c--theme--colors--primary-200);
 }
-
 .clr-primary-300 {
   color: var(--c--theme--colors--primary-300);
 }
-
 .clr-primary-400 {
   color: var(--c--theme--colors--primary-400);
 }
-
 .clr-primary-500 {
   color: var(--c--theme--colors--primary-500);
 }
-
 .clr-primary-600 {
   color: var(--c--theme--colors--primary-600);
 }
-
 .clr-primary-700 {
   color: var(--c--theme--colors--primary-700);
 }
-
 .clr-primary-800 {
   color: var(--c--theme--colors--primary-800);
 }
-
 .clr-primary-900 {
   color: var(--c--theme--colors--primary-900);
 }
-
 .clr-success-100 {
   color: var(--c--theme--colors--success-100);
 }
-
 .clr-success-200 {
   color: var(--c--theme--colors--success-200);
 }
-
 .clr-success-300 {
   color: var(--c--theme--colors--success-300);
 }
-
 .clr-success-400 {
   color: var(--c--theme--colors--success-400);
 }
-
 .clr-success-500 {
   color: var(--c--theme--colors--success-500);
 }
-
 .clr-success-600 {
   color: var(--c--theme--colors--success-600);
 }
-
 .clr-success-700 {
   color: var(--c--theme--colors--success-700);
 }
-
 .clr-success-800 {
   color: var(--c--theme--colors--success-800);
 }
-
 .clr-success-900 {
   color: var(--c--theme--colors--success-900);
 }
-
 .clr-warning-100 {
   color: var(--c--theme--colors--warning-100);
 }
-
 .clr-warning-200 {
   color: var(--c--theme--colors--warning-200);
 }
-
 .clr-warning-300 {
   color: var(--c--theme--colors--warning-300);
 }
-
 .clr-warning-400 {
   color: var(--c--theme--colors--warning-400);
 }
-
 .clr-warning-500 {
   color: var(--c--theme--colors--warning-500);
 }
-
 .clr-warning-600 {
   color: var(--c--theme--colors--warning-600);
 }
-
 .clr-warning-700 {
   color: var(--c--theme--colors--warning-700);
 }
-
 .clr-warning-800 {
   color: var(--c--theme--colors--warning-800);
 }
-
 .clr-warning-900 {
   color: var(--c--theme--colors--warning-900);
 }
-
 .clr-danger-100 {
   color: var(--c--theme--colors--danger-100);
 }
-
 .clr-danger-200 {
   color: var(--c--theme--colors--danger-200);
 }
-
 .clr-danger-300 {
   color: var(--c--theme--colors--danger-300);
 }
-
 .clr-danger-400 {
   color: var(--c--theme--colors--danger-400);
 }
-
 .clr-danger-500 {
   color: var(--c--theme--colors--danger-500);
 }
-
 .clr-danger-600 {
   color: var(--c--theme--colors--danger-600);
 }
-
 .clr-danger-700 {
   color: var(--c--theme--colors--danger-700);
 }
-
 .clr-danger-800 {
   color: var(--c--theme--colors--danger-800);
 }
-
 .clr-danger-900 {
   color: var(--c--theme--colors--danger-900);
 }
-
 .clr-primary-text {
   color: var(--c--theme--colors--primary-text);
 }
-
 .clr-success-text {
   color: var(--c--theme--colors--success-text);
 }
-
 .clr-warning-text {
   color: var(--c--theme--colors--warning-text);
 }
-
 .clr-danger-text {
   color: var(--c--theme--colors--danger-text);
 }
-
 .clr-card-border {
   color: var(--c--theme--colors--card-border);
 }
-
 .clr-primary-bg {
   color: var(--c--theme--colors--primary-bg);
 }
-
 .clr-primary-050 {
   color: var(--c--theme--colors--primary-050);
 }
-
 .clr-primary-150 {
   color: var(--c--theme--colors--primary-150);
 }
-
 .clr-primary-950 {
   color: var(--c--theme--colors--primary-950);
 }
-
 .clr-info-150 {
   color: var(--c--theme--colors--info-150);
 }
-
 .clr-greyscale-1000 {
   color: var(--c--theme--colors--greyscale-1000);
 }
-
 .bg-secondary-text {
   background-color: var(--c--theme--colors--secondary-text);
 }
-
 .bg-secondary-100 {
   background-color: var(--c--theme--colors--secondary-100);
 }
-
 .bg-secondary-200 {
   background-color: var(--c--theme--colors--secondary-200);
 }
-
 .bg-secondary-300 {
   background-color: var(--c--theme--colors--secondary-300);
 }
-
 .bg-secondary-400 {
   background-color: var(--c--theme--colors--secondary-400);
 }
-
 .bg-secondary-500 {
   background-color: var(--c--theme--colors--secondary-500);
 }
-
 .bg-secondary-600 {
   background-color: var(--c--theme--colors--secondary-600);
 }
-
 .bg-secondary-700 {
   background-color: var(--c--theme--colors--secondary-700);
 }
-
 .bg-secondary-800 {
   background-color: var(--c--theme--colors--secondary-800);
 }
-
 .bg-secondary-900 {
   background-color: var(--c--theme--colors--secondary-900);
 }
-
 .bg-info-text {
   background-color: var(--c--theme--colors--info-text);
 }
-
 .bg-info-100 {
   background-color: var(--c--theme--colors--info-100);
 }
-
 .bg-info-200 {
   background-color: var(--c--theme--colors--info-200);
 }
-
 .bg-info-300 {
   background-color: var(--c--theme--colors--info-300);
 }
-
 .bg-info-400 {
   background-color: var(--c--theme--colors--info-400);
 }
-
 .bg-info-500 {
   background-color: var(--c--theme--colors--info-500);
 }
-
 .bg-info-600 {
   background-color: var(--c--theme--colors--info-600);
 }
-
 .bg-info-700 {
   background-color: var(--c--theme--colors--info-700);
 }
-
 .bg-info-800 {
   background-color: var(--c--theme--colors--info-800);
 }
-
 .bg-info-900 {
   background-color: var(--c--theme--colors--info-900);
 }
-
 .bg-greyscale-100 {
   background-color: var(--c--theme--colors--greyscale-100);
 }
-
 .bg-greyscale-200 {
   background-color: var(--c--theme--colors--greyscale-200);
 }
-
 .bg-greyscale-300 {
   background-color: var(--c--theme--colors--greyscale-300);
 }
-
 .bg-greyscale-400 {
   background-color: var(--c--theme--colors--greyscale-400);
 }
-
 .bg-greyscale-500 {
   background-color: var(--c--theme--colors--greyscale-500);
 }
-
 .bg-greyscale-600 {
   background-color: var(--c--theme--colors--greyscale-600);
 }
-
 .bg-greyscale-700 {
   background-color: var(--c--theme--colors--greyscale-700);
 }
-
 .bg-greyscale-800 {
   background-color: var(--c--theme--colors--greyscale-800);
 }
-
 .bg-greyscale-900 {
   background-color: var(--c--theme--colors--greyscale-900);
 }
-
 .bg-greyscale-000 {
   background-color: var(--c--theme--colors--greyscale-000);
 }
-
 .bg-primary-100 {
   background-color: var(--c--theme--colors--primary-100);
 }
-
 .bg-primary-200 {
   background-color: var(--c--theme--colors--primary-200);
 }
-
 .bg-primary-300 {
   background-color: var(--c--theme--colors--primary-300);
 }
-
 .bg-primary-400 {
   background-color: var(--c--theme--colors--primary-400);
 }
-
 .bg-primary-500 {
   background-color: var(--c--theme--colors--primary-500);
 }
-
 .bg-primary-600 {
   background-color: var(--c--theme--colors--primary-600);
 }
-
 .bg-primary-700 {
   background-color: var(--c--theme--colors--primary-700);
 }
-
 .bg-primary-800 {
   background-color: var(--c--theme--colors--primary-800);
 }
-
 .bg-primary-900 {
   background-color: var(--c--theme--colors--primary-900);
 }
-
 .bg-success-100 {
   background-color: var(--c--theme--colors--success-100);
 }
-
 .bg-success-200 {
   background-color: var(--c--theme--colors--success-200);
 }
-
 .bg-success-300 {
   background-color: var(--c--theme--colors--success-300);
 }
-
 .bg-success-400 {
   background-color: var(--c--theme--colors--success-400);
 }
-
 .bg-success-500 {
   background-color: var(--c--theme--colors--success-500);
 }
-
 .bg-success-600 {
   background-color: var(--c--theme--colors--success-600);
 }
-
 .bg-success-700 {
   background-color: var(--c--theme--colors--success-700);
 }
-
 .bg-success-800 {
   background-color: var(--c--theme--colors--success-800);
 }
-
 .bg-success-900 {
   background-color: var(--c--theme--colors--success-900);
 }
-
 .bg-warning-100 {
   background-color: var(--c--theme--colors--warning-100);
 }
-
 .bg-warning-200 {
   background-color: var(--c--theme--colors--warning-200);
 }
-
 .bg-warning-300 {
   background-color: var(--c--theme--colors--warning-300);
 }
-
 .bg-warning-400 {
   background-color: var(--c--theme--colors--warning-400);
 }
-
 .bg-warning-500 {
   background-color: var(--c--theme--colors--warning-500);
 }
-
 .bg-warning-600 {
   background-color: var(--c--theme--colors--warning-600);
 }
-
 .bg-warning-700 {
   background-color: var(--c--theme--colors--warning-700);
 }
-
 .bg-warning-800 {
   background-color: var(--c--theme--colors--warning-800);
 }
-
 .bg-warning-900 {
   background-color: var(--c--theme--colors--warning-900);
 }
-
 .bg-danger-100 {
   background-color: var(--c--theme--colors--danger-100);
 }
-
 .bg-danger-200 {
   background-color: var(--c--theme--colors--danger-200);
 }
-
 .bg-danger-300 {
   background-color: var(--c--theme--colors--danger-300);
 }
-
 .bg-danger-400 {
   background-color: var(--c--theme--colors--danger-400);
 }
-
 .bg-danger-500 {
   background-color: var(--c--theme--colors--danger-500);
 }
-
 .bg-danger-600 {
   background-color: var(--c--theme--colors--danger-600);
 }
-
 .bg-danger-700 {
   background-color: var(--c--theme--colors--danger-700);
 }
-
 .bg-danger-800 {
   background-color: var(--c--theme--colors--danger-800);
 }
-
 .bg-danger-900 {
   background-color: var(--c--theme--colors--danger-900);
 }
-
 .bg-primary-text {
   background-color: var(--c--theme--colors--primary-text);
 }
-
 .bg-success-text {
   background-color: var(--c--theme--colors--success-text);
 }
-
 .bg-warning-text {
   background-color: var(--c--theme--colors--warning-text);
 }
-
 .bg-danger-text {
   background-color: var(--c--theme--colors--danger-text);
 }
-
 .bg-card-border {
   background-color: var(--c--theme--colors--card-border);
 }
-
 .bg-primary-bg {
   background-color: var(--c--theme--colors--primary-bg);
 }
-
 .bg-primary-050 {
   background-color: var(--c--theme--colors--primary-050);
 }
-
 .bg-primary-150 {
   background-color: var(--c--theme--colors--primary-150);
 }
-
 .bg-primary-950 {
   background-color: var(--c--theme--colors--primary-950);
 }
-
 .bg-info-150 {
   background-color: var(--c--theme--colors--info-150);
 }
-
 .bg-greyscale-1000 {
   background-color: var(--c--theme--colors--greyscale-1000);
 }
-
 .fw-thin {
   font-weight: var(--c--theme--font--weights--thin);
 }
-
 .fw-light {
   font-weight: var(--c--theme--font--weights--light);
 }
-
 .fw-regular {
   font-weight: var(--c--theme--font--weights--regular);
 }
-
 .fw-medium {
   font-weight: var(--c--theme--font--weights--medium);
 }
-
 .fw-bold {
   font-weight: var(--c--theme--font--weights--bold);
 }
-
 .fw-extrabold {
   font-weight: var(--c--theme--font--weights--extrabold);
 }
-
 .fw-black {
   font-weight: var(--c--theme--font--weights--black);
 }
-
 .fs-h1 {
   font-size: var(--c--theme--font--sizes--h1);
   letter-spacing: var(--c--theme--font--letterspacings--h1);
 }
-
 .fs-h2 {
   font-size: var(--c--theme--font--sizes--h2);
   letter-spacing: var(--c--theme--font--letterspacings--h2);
 }
-
 .fs-h3 {
   font-size: var(--c--theme--font--sizes--h3);
   letter-spacing: var(--c--theme--font--letterspacings--h3);
 }
-
 .fs-h4 {
   font-size: var(--c--theme--font--sizes--h4);
   letter-spacing: var(--c--theme--font--letterspacings--h4);
 }
-
 .fs-h5 {
   font-size: var(--c--theme--font--sizes--h5);
   letter-spacing: var(--c--theme--font--letterspacings--h5);
 }
-
 .fs-h6 {
   font-size: var(--c--theme--font--sizes--h6);
   letter-spacing: var(--c--theme--font--letterspacings--h6);
 }
-
 .fs-l {
   font-size: var(--c--theme--font--sizes--l);
   letter-spacing: var(--c--theme--font--letterspacings--l);
 }
-
 .fs-m {
   font-size: var(--c--theme--font--sizes--m);
   letter-spacing: var(--c--theme--font--letterspacings--m);
 }
-
 .fs-s {
   font-size: var(--c--theme--font--sizes--s);
   letter-spacing: var(--c--theme--font--letterspacings--s);
 }
-
 .fs-xs {
   font-size: var(--c--theme--font--sizes--xs);
   letter-spacing: var(--c--theme--font--letterspacings--xs);
 }
-
 .fs-sm {
   font-size: var(--c--theme--font--sizes--sm);
   letter-spacing: var(--c--theme--font--letterspacings--sm);
 }
-
 .fs-md {
   font-size: var(--c--theme--font--sizes--md);
   letter-spacing: var(--c--theme--font--letterspacings--md);
 }
-
 .fs-lg {
   font-size: var(--c--theme--font--sizes--lg);
   letter-spacing: var(--c--theme--font--letterspacings--lg);
 }
-
 .fs-ml {
   font-size: var(--c--theme--font--sizes--ml);
   letter-spacing: var(--c--theme--font--letterspacings--ml);
 }
-
 .fs-xl {
   font-size: var(--c--theme--font--sizes--xl);
   letter-spacing: var(--c--theme--font--letterspacings--xl);
 }
-
 .fs-t {
   font-size: var(--c--theme--font--sizes--t);
   letter-spacing: var(--c--theme--font--letterspacings--t);
 }
-
 .f-base {
   font-family: var(--c--theme--font--families--base);
 }
-
 .f-accent {
   font-family: var(--c--theme--font--families--accent);
 }
-
 .m-0 {
   margin: var(--c--theme--spacings--0);
 }
-
 .mb-0 {
   margin-bottom: var(--c--theme--spacings--0);
 }
-
 .mt-0 {
   margin-top: var(--c--theme--spacings--0);
 }
-
 .ml-0 {
   margin-left: var(--c--theme--spacings--0);
 }
-
 .mr-0 {
   margin-right: var(--c--theme--spacings--0);
 }
-
 .m-xl {
   margin: var(--c--theme--spacings--xl);
 }
-
 .mb-xl {
   margin-bottom: var(--c--theme--spacings--xl);
 }
-
 .mt-xl {
   margin-top: var(--c--theme--spacings--xl);
 }
-
 .ml-xl {
   margin-left: var(--c--theme--spacings--xl);
 }
-
 .mr-xl {
   margin-right: var(--c--theme--spacings--xl);
 }
-
 .m-l {
   margin: var(--c--theme--spacings--l);
 }
-
 .mb-l {
   margin-bottom: var(--c--theme--spacings--l);
 }
-
 .mt-l {
   margin-top: var(--c--theme--spacings--l);
 }
-
 .ml-l {
   margin-left: var(--c--theme--spacings--l);
 }
-
 .mr-l {
   margin-right: var(--c--theme--spacings--l);
 }
-
 .m-b {
   margin: var(--c--theme--spacings--b);
 }
-
 .mb-b {
   margin-bottom: var(--c--theme--spacings--b);
 }
-
 .mt-b {
   margin-top: var(--c--theme--spacings--b);
 }
-
 .ml-b {
   margin-left: var(--c--theme--spacings--b);
 }
-
 .mr-b {
   margin-right: var(--c--theme--spacings--b);
 }
-
 .m-s {
   margin: var(--c--theme--spacings--s);
 }
-
 .mb-s {
   margin-bottom: var(--c--theme--spacings--s);
 }
-
 .mt-s {
   margin-top: var(--c--theme--spacings--s);
 }
-
 .ml-s {
   margin-left: var(--c--theme--spacings--s);
 }
-
 .mr-s {
   margin-right: var(--c--theme--spacings--s);
 }
-
 .m-t {
   margin: var(--c--theme--spacings--t);
 }
-
 .mb-t {
   margin-bottom: var(--c--theme--spacings--t);
 }
-
 .mt-t {
   margin-top: var(--c--theme--spacings--t);
 }
-
 .ml-t {
   margin-left: var(--c--theme--spacings--t);
 }
-
 .mr-t {
   margin-right: var(--c--theme--spacings--t);
 }
-
 .m-st {
   margin: var(--c--theme--spacings--st);
 }
-
 .mb-st {
   margin-bottom: var(--c--theme--spacings--st);
 }
-
 .mt-st {
   margin-top: var(--c--theme--spacings--st);
 }
-
 .ml-st {
   margin-left: var(--c--theme--spacings--st);
 }
-
 .mr-st {
   margin-right: var(--c--theme--spacings--st);
 }
-
 .m-none {
   margin: var(--c--theme--spacings--none);
 }
-
 .mb-none {
   margin-bottom: var(--c--theme--spacings--none);
 }
-
 .mt-none {
   margin-top: var(--c--theme--spacings--none);
 }
-
 .ml-none {
   margin-left: var(--c--theme--spacings--none);
 }
-
 .mr-none {
   margin-right: var(--c--theme--spacings--none);
 }
-
 .m-auto {
   margin: var(--c--theme--spacings--auto);
 }
-
 .mb-auto {
   margin-bottom: var(--c--theme--spacings--auto);
 }
-
 .mt-auto {
   margin-top: var(--c--theme--spacings--auto);
 }
-
 .ml-auto {
   margin-left: var(--c--theme--spacings--auto);
 }
-
 .mr-auto {
   margin-right: var(--c--theme--spacings--auto);
 }
-
 .m-bx {
   margin: var(--c--theme--spacings--bx);
 }
-
 .mb-bx {
   margin-bottom: var(--c--theme--spacings--bx);
 }
-
 .mt-bx {
   margin-top: var(--c--theme--spacings--bx);
 }
-
 .ml-bx {
   margin-left: var(--c--theme--spacings--bx);
 }
-
 .mr-bx {
   margin-right: var(--c--theme--spacings--bx);
 }
-
 .m-full {
   margin: var(--c--theme--spacings--full);
 }
-
 .mb-full {
   margin-bottom: var(--c--theme--spacings--full);
 }
-
 .mt-full {
   margin-top: var(--c--theme--spacings--full);
 }
-
 .ml-full {
   margin-left: var(--c--theme--spacings--full);
 }
-
 .mr-full {
   margin-right: var(--c--theme--spacings--full);
 }
-
 .m-4xs {
   margin: var(--c--theme--spacings--4xs);
 }
-
 .mb-4xs {
   margin-bottom: var(--c--theme--spacings--4xs);
 }
-
 .mt-4xs {
   margin-top: var(--c--theme--spacings--4xs);
 }
-
 .ml-4xs {
   margin-left: var(--c--theme--spacings--4xs);
 }
-
 .mr-4xs {
   margin-right: var(--c--theme--spacings--4xs);
 }
-
 .m-3xs {
   margin: var(--c--theme--spacings--3xs);
 }
-
 .mb-3xs {
   margin-bottom: var(--c--theme--spacings--3xs);
 }
-
 .mt-3xs {
   margin-top: var(--c--theme--spacings--3xs);
 }
-
 .ml-3xs {
   margin-left: var(--c--theme--spacings--3xs);
 }
-
 .mr-3xs {
   margin-right: var(--c--theme--spacings--3xs);
 }
-
 .m-2xs {
   margin: var(--c--theme--spacings--2xs);
 }
-
 .mb-2xs {
   margin-bottom: var(--c--theme--spacings--2xs);
 }
-
 .mt-2xs {
   margin-top: var(--c--theme--spacings--2xs);
 }
-
 .ml-2xs {
   margin-left: var(--c--theme--spacings--2xs);
 }
-
 .mr-2xs {
   margin-right: var(--c--theme--spacings--2xs);
 }
-
 .m-xs {
   margin: var(--c--theme--spacings--xs);
 }
-
 .mb-xs {
   margin-bottom: var(--c--theme--spacings--xs);
 }
-
 .mt-xs {
   margin-top: var(--c--theme--spacings--xs);
 }
-
 .ml-xs {
   margin-left: var(--c--theme--spacings--xs);
 }
-
 .mr-xs {
   margin-right: var(--c--theme--spacings--xs);
 }
-
 .m-sm {
   margin: var(--c--theme--spacings--sm);
 }
-
 .mb-sm {
   margin-bottom: var(--c--theme--spacings--sm);
 }
-
 .mt-sm {
   margin-top: var(--c--theme--spacings--sm);
 }
-
 .ml-sm {
   margin-left: var(--c--theme--spacings--sm);
 }
-
 .mr-sm {
   margin-right: var(--c--theme--spacings--sm);
 }
-
 .m-base {
   margin: var(--c--theme--spacings--base);
 }
-
 .mb-base {
   margin-bottom: var(--c--theme--spacings--base);
 }
-
 .mt-base {
   margin-top: var(--c--theme--spacings--base);
 }
-
 .ml-base {
   margin-left: var(--c--theme--spacings--base);
 }
-
 .mr-base {
   margin-right: var(--c--theme--spacings--base);
 }
-
 .m-md {
   margin: var(--c--theme--spacings--md);
 }
-
 .mb-md {
   margin-bottom: var(--c--theme--spacings--md);
 }
-
 .mt-md {
   margin-top: var(--c--theme--spacings--md);
 }
-
 .ml-md {
   margin-left: var(--c--theme--spacings--md);
 }
-
 .mr-md {
   margin-right: var(--c--theme--spacings--md);
 }
-
 .m-lg {
   margin: var(--c--theme--spacings--lg);
 }
-
 .mb-lg {
   margin-bottom: var(--c--theme--spacings--lg);
 }
-
 .mt-lg {
   margin-top: var(--c--theme--spacings--lg);
 }
-
 .ml-lg {
   margin-left: var(--c--theme--spacings--lg);
 }
-
 .mr-lg {
   margin-right: var(--c--theme--spacings--lg);
 }
-
 .m-xxl {
   margin: var(--c--theme--spacings--xxl);
 }
-
 .mb-xxl {
   margin-bottom: var(--c--theme--spacings--xxl);
 }
-
 .mt-xxl {
   margin-top: var(--c--theme--spacings--xxl);
 }
-
 .ml-xxl {
   margin-left: var(--c--theme--spacings--xxl);
 }
-
 .mr-xxl {
   margin-right: var(--c--theme--spacings--xxl);
 }
-
 .m-xxxl {
   margin: var(--c--theme--spacings--xxxl);
 }
-
 .mb-xxxl {
   margin-bottom: var(--c--theme--spacings--xxxl);
 }
-
 .mt-xxxl {
   margin-top: var(--c--theme--spacings--xxxl);
 }
-
 .ml-xxxl {
   margin-left: var(--c--theme--spacings--xxxl);
 }
-
 .mr-xxxl {
   margin-right: var(--c--theme--spacings--xxxl);
 }
-
 .m-4xl {
   margin: var(--c--theme--spacings--4xl);
 }
-
 .mb-4xl {
   margin-bottom: var(--c--theme--spacings--4xl);
 }
-
 .mt-4xl {
   margin-top: var(--c--theme--spacings--4xl);
 }
-
 .ml-4xl {
   margin-left: var(--c--theme--spacings--4xl);
 }
-
 .mr-4xl {
   margin-right: var(--c--theme--spacings--4xl);
 }
-
 .m-5xl {
   margin: var(--c--theme--spacings--5xl);
 }
-
 .mb-5xl {
   margin-bottom: var(--c--theme--spacings--5xl);
 }
-
 .mt-5xl {
   margin-top: var(--c--theme--spacings--5xl);
 }
-
 .ml-5xl {
   margin-left: var(--c--theme--spacings--5xl);
 }
-
 .mr-5xl {
   margin-right: var(--c--theme--spacings--5xl);
 }
-
 .m-6xl {
   margin: var(--c--theme--spacings--6xl);
 }
-
 .mb-6xl {
   margin-bottom: var(--c--theme--spacings--6xl);
 }
-
 .mt-6xl {
   margin-top: var(--c--theme--spacings--6xl);
 }
-
 .ml-6xl {
   margin-left: var(--c--theme--spacings--6xl);
 }
-
 .mr-6xl {
   margin-right: var(--c--theme--spacings--6xl);
 }
-
 .m-7xl {
   margin: var(--c--theme--spacings--7xl);
 }
-
 .mb-7xl {
   margin-bottom: var(--c--theme--spacings--7xl);
 }
-
 .mt-7xl {
   margin-top: var(--c--theme--spacings--7xl);
 }
-
 .ml-7xl {
   margin-left: var(--c--theme--spacings--7xl);
 }
-
 .mr-7xl {
   margin-right: var(--c--theme--spacings--7xl);
 }
-
 .p-0 {
   padding: var(--c--theme--spacings--0);
 }
-
 .pb-0 {
   padding-bottom: var(--c--theme--spacings--0);
 }
-
 .pt-0 {
   padding-top: var(--c--theme--spacings--0);
 }
-
 .pl-0 {
   padding-left: var(--c--theme--spacings--0);
 }
-
 .pr-0 {
   padding-right: var(--c--theme--spacings--0);
 }
-
 .p-xl {
   padding: var(--c--theme--spacings--xl);
 }
-
 .pb-xl {
   padding-bottom: var(--c--theme--spacings--xl);
 }
-
 .pt-xl {
   padding-top: var(--c--theme--spacings--xl);
 }
-
 .pl-xl {
   padding-left: var(--c--theme--spacings--xl);
 }
-
 .pr-xl {
   padding-right: var(--c--theme--spacings--xl);
 }
-
 .p-l {
   padding: var(--c--theme--spacings--l);
 }
-
 .pb-l {
   padding-bottom: var(--c--theme--spacings--l);
 }
-
 .pt-l {
   padding-top: var(--c--theme--spacings--l);
 }
-
 .pl-l {
   padding-left: var(--c--theme--spacings--l);
 }
-
 .pr-l {
   padding-right: var(--c--theme--spacings--l);
 }
-
 .p-b {
   padding: var(--c--theme--spacings--b);
 }
-
 .pb-b {
   padding-bottom: var(--c--theme--spacings--b);
 }
-
 .pt-b {
   padding-top: var(--c--theme--spacings--b);
 }
-
 .pl-b {
   padding-left: var(--c--theme--spacings--b);
 }
-
 .pr-b {
   padding-right: var(--c--theme--spacings--b);
 }
-
 .p-s {
   padding: var(--c--theme--spacings--s);
 }
-
 .pb-s {
   padding-bottom: var(--c--theme--spacings--s);
 }
-
 .pt-s {
   padding-top: var(--c--theme--spacings--s);
 }
-
 .pl-s {
   padding-left: var(--c--theme--spacings--s);
 }
-
 .pr-s {
   padding-right: var(--c--theme--spacings--s);
 }
-
 .p-t {
   padding: var(--c--theme--spacings--t);
 }
-
 .pb-t {
   padding-bottom: var(--c--theme--spacings--t);
 }
-
 .pt-t {
   padding-top: var(--c--theme--spacings--t);
 }
-
 .pl-t {
   padding-left: var(--c--theme--spacings--t);
 }
-
 .pr-t {
   padding-right: var(--c--theme--spacings--t);
 }
-
 .p-st {
   padding: var(--c--theme--spacings--st);
 }
-
 .pb-st {
   padding-bottom: var(--c--theme--spacings--st);
 }
-
 .pt-st {
   padding-top: var(--c--theme--spacings--st);
 }
-
 .pl-st {
   padding-left: var(--c--theme--spacings--st);
 }
-
 .pr-st {
   padding-right: var(--c--theme--spacings--st);
 }
-
 .p-none {
   padding: var(--c--theme--spacings--none);
 }
-
 .pb-none {
   padding-bottom: var(--c--theme--spacings--none);
 }
-
 .pt-none {
   padding-top: var(--c--theme--spacings--none);
 }
-
 .pl-none {
   padding-left: var(--c--theme--spacings--none);
 }
-
 .pr-none {
   padding-right: var(--c--theme--spacings--none);
 }
-
 .p-auto {
   padding: var(--c--theme--spacings--auto);
 }
-
 .pb-auto {
   padding-bottom: var(--c--theme--spacings--auto);
 }
-
 .pt-auto {
   padding-top: var(--c--theme--spacings--auto);
 }
-
 .pl-auto {
   padding-left: var(--c--theme--spacings--auto);
 }
-
 .pr-auto {
   padding-right: var(--c--theme--spacings--auto);
 }
-
 .p-bx {
   padding: var(--c--theme--spacings--bx);
 }
-
 .pb-bx {
   padding-bottom: var(--c--theme--spacings--bx);
 }
-
 .pt-bx {
   padding-top: var(--c--theme--spacings--bx);
 }
-
 .pl-bx {
   padding-left: var(--c--theme--spacings--bx);
 }
-
 .pr-bx {
   padding-right: var(--c--theme--spacings--bx);
 }
-
 .p-full {
   padding: var(--c--theme--spacings--full);
 }
-
 .pb-full {
   padding-bottom: var(--c--theme--spacings--full);
 }
-
 .pt-full {
   padding-top: var(--c--theme--spacings--full);
 }
-
 .pl-full {
   padding-left: var(--c--theme--spacings--full);
 }
-
 .pr-full {
   padding-right: var(--c--theme--spacings--full);
 }
-
 .p-4xs {
   padding: var(--c--theme--spacings--4xs);
 }
-
 .pb-4xs {
   padding-bottom: var(--c--theme--spacings--4xs);
 }
-
 .pt-4xs {
   padding-top: var(--c--theme--spacings--4xs);
 }
-
 .pl-4xs {
   padding-left: var(--c--theme--spacings--4xs);
 }
-
 .pr-4xs {
   padding-right: var(--c--theme--spacings--4xs);
 }
-
 .p-3xs {
   padding: var(--c--theme--spacings--3xs);
 }
-
 .pb-3xs {
   padding-bottom: var(--c--theme--spacings--3xs);
 }
-
 .pt-3xs {
   padding-top: var(--c--theme--spacings--3xs);
 }
-
 .pl-3xs {
   padding-left: var(--c--theme--spacings--3xs);
 }
-
 .pr-3xs {
   padding-right: var(--c--theme--spacings--3xs);
 }
-
 .p-2xs {
   padding: var(--c--theme--spacings--2xs);
 }
-
 .pb-2xs {
   padding-bottom: var(--c--theme--spacings--2xs);
 }
-
 .pt-2xs {
   padding-top: var(--c--theme--spacings--2xs);
 }
-
 .pl-2xs {
   padding-left: var(--c--theme--spacings--2xs);
 }
-
 .pr-2xs {
   padding-right: var(--c--theme--spacings--2xs);
 }
-
 .p-xs {
   padding: var(--c--theme--spacings--xs);
 }
-
 .pb-xs {
   padding-bottom: var(--c--theme--spacings--xs);
 }
-
 .pt-xs {
   padding-top: var(--c--theme--spacings--xs);
 }
-
 .pl-xs {
   padding-left: var(--c--theme--spacings--xs);
 }
-
 .pr-xs {
   padding-right: var(--c--theme--spacings--xs);
 }
-
 .p-sm {
   padding: var(--c--theme--spacings--sm);
 }
-
 .pb-sm {
   padding-bottom: var(--c--theme--spacings--sm);
 }
-
 .pt-sm {
   padding-top: var(--c--theme--spacings--sm);
 }
-
 .pl-sm {
   padding-left: var(--c--theme--spacings--sm);
 }
-
 .pr-sm {
   padding-right: var(--c--theme--spacings--sm);
 }
-
 .p-base {
   padding: var(--c--theme--spacings--base);
 }
-
 .pb-base {
   padding-bottom: var(--c--theme--spacings--base);
 }
-
 .pt-base {
   padding-top: var(--c--theme--spacings--base);
 }
-
 .pl-base {
   padding-left: var(--c--theme--spacings--base);
 }
-
 .pr-base {
   padding-right: var(--c--theme--spacings--base);
 }
-
 .p-md {
   padding: var(--c--theme--spacings--md);
 }
-
 .pb-md {
   padding-bottom: var(--c--theme--spacings--md);
 }
-
 .pt-md {
   padding-top: var(--c--theme--spacings--md);
 }
-
 .pl-md {
   padding-left: var(--c--theme--spacings--md);
 }
-
 .pr-md {
   padding-right: var(--c--theme--spacings--md);
 }
-
 .p-lg {
   padding: var(--c--theme--spacings--lg);
 }
-
 .pb-lg {
   padding-bottom: var(--c--theme--spacings--lg);
 }
-
 .pt-lg {
   padding-top: var(--c--theme--spacings--lg);
 }
-
 .pl-lg {
   padding-left: var(--c--theme--spacings--lg);
 }
-
 .pr-lg {
   padding-right: var(--c--theme--spacings--lg);
 }
-
 .p-xxl {
   padding: var(--c--theme--spacings--xxl);
 }
-
 .pb-xxl {
   padding-bottom: var(--c--theme--spacings--xxl);
 }
-
 .pt-xxl {
   padding-top: var(--c--theme--spacings--xxl);
 }
-
 .pl-xxl {
   padding-left: var(--c--theme--spacings--xxl);
 }
-
 .pr-xxl {
   padding-right: var(--c--theme--spacings--xxl);
 }
-
 .p-xxxl {
   padding: var(--c--theme--spacings--xxxl);
 }
-
 .pb-xxxl {
   padding-bottom: var(--c--theme--spacings--xxxl);
 }
-
 .pt-xxxl {
   padding-top: var(--c--theme--spacings--xxxl);
 }
-
 .pl-xxxl {
   padding-left: var(--c--theme--spacings--xxxl);
 }
-
 .pr-xxxl {
   padding-right: var(--c--theme--spacings--xxxl);
 }
-
 .p-4xl {
   padding: var(--c--theme--spacings--4xl);
 }
-
 .pb-4xl {
   padding-bottom: var(--c--theme--spacings--4xl);
 }
-
 .pt-4xl {
   padding-top: var(--c--theme--spacings--4xl);
 }
-
 .pl-4xl {
   padding-left: var(--c--theme--spacings--4xl);
 }
-
 .pr-4xl {
   padding-right: var(--c--theme--spacings--4xl);
 }
-
 .p-5xl {
   padding: var(--c--theme--spacings--5xl);
 }
-
 .pb-5xl {
   padding-bottom: var(--c--theme--spacings--5xl);
 }
-
 .pt-5xl {
   padding-top: var(--c--theme--spacings--5xl);
 }
-
 .pl-5xl {
   padding-left: var(--c--theme--spacings--5xl);
 }
-
 .pr-5xl {
   padding-right: var(--c--theme--spacings--5xl);
 }
-
 .p-6xl {
   padding: var(--c--theme--spacings--6xl);
 }
-
 .pb-6xl {
   padding-bottom: var(--c--theme--spacings--6xl);
 }
-
 .pt-6xl {
   padding-top: var(--c--theme--spacings--6xl);
 }
-
 .pl-6xl {
   padding-left: var(--c--theme--spacings--6xl);
 }
-
 .pr-6xl {
   padding-right: var(--c--theme--spacings--6xl);
 }
-
 .p-7xl {
   padding: var(--c--theme--spacings--7xl);
 }
-
 .pb-7xl {
   padding-bottom: var(--c--theme--spacings--7xl);
 }
-
 .pt-7xl {
   padding-top: var(--c--theme--spacings--7xl);
 }
-
 .pl-7xl {
   padding-left: var(--c--theme--spacings--7xl);
 }
-
 .pr-7xl {
   padding-right: var(--c--theme--spacings--7xl);
 }
diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts
index e75ad694f..90f3d3f6d 100644
--- a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts
+++ b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts
@@ -264,8 +264,8 @@ export const tokens = {
           danger: {
             'color-hover': 'white',
             background: {
-              color: 'var(--c--theme--colors--danger-400)',
-              'color-hover': 'var(--c--theme--colors--danger-500)',
+              color: 'var(--c--theme--colors--danger-600)',
+              'color-hover': '#FF2725',
               'color-disabled': 'var(--c--theme--colors--danger-100)',
             },
           },
@@ -407,15 +407,15 @@ export const tokens = {
           'success-800': '#1e2e22',
           'success-900': '#19281d',
           'info-text': '#0078f3',
-          'info-100': '#f4f6ff',
-          'info-200': '#e8edff',
-          'info-300': '#dde5ff',
-          'info-400': '#bdcdff',
-          'info-500': '#0078f3',
-          'info-600': '#0063cb',
-          'info-700': '#f4f6ff',
-          'info-800': '#222a3f',
-          'info-900': '#1d2437',
+          'info-100': '#E8EDFF',
+          'info-200': '#DDE5FF',
+          'info-300': '#BCCDFF',
+          'info-400': '#518FFF',
+          'info-500': '#0078F3',
+          'info-600': '#0063CB',
+          'info-700': '#273961',
+          'info-800': '#222A3F',
+          'info-900': '#1D2437',
           'warning-text': '#d64d00',
           'warning-100': '#fff4f3',
           'warning-200': '#ffe9e6',
@@ -426,16 +426,16 @@ export const tokens = {
           'warning-700': '#5e2c21',
           'warning-800': '#3e241e',
           'warning-900': '#361e19',
-          'danger-text': '#e1000f',
-          'danger-100': '#fef4f4',
-          'danger-200': '#fee9e9',
-          'danger-300': '#fddede',
-          'danger-400': '#fcbfbf',
-          'danger-500': '#e1000f',
-          'danger-600': '#c9191e',
-          'danger-700': '#642727',
+          'danger-text': '#FFF',
+          'danger-100': '#FFE9E9',
+          'danger-200': '#FFDDDD',
+          'danger-300': '#FFBDBD',
+          'danger-400': '#FF5655',
+          'danger-500': '#F60700',
+          'danger-600': '#CE0500',
+          'danger-700': '#642626',
           'danger-800': '#412121',
-          'danger-900': '#3a1c1c',
+          'danger-900': '#391C1C',
         },
         font: { families: { accent: 'Marianne', base: 'Marianne' } },
         logo: {
@@ -447,8 +447,10 @@ export const tokens = {
       },
       components: {
         alert: { 'border-radius': '0' },
+        modal: { 'width-small': '342px' },
         button: {
-          'medium-height': '48px',
+          'medium-height': '40px',
+          'medium-text-height': '40px',
           'border-radius': '4px',
           primary: {
             background: {
@@ -477,7 +479,7 @@ export const tokens = {
           },
           'tertiary-text': {
             background: {
-              'color-hover': 'var(--c--theme--colors--primary-100)',
+              'color-hover': 'var(--c--theme--colors--greyscale-100)',
             },
             'color-hover': 'var(--c--theme--colors--primary-text)',
             color: 'var(--c--theme--colors--primary-600)',
diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteEditor.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteEditor.tsx
index db81ed838..a67079f46 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteEditor.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteEditor.tsx
@@ -6,6 +6,7 @@ import { useCreateBlockNote } from '@blocknote/react';
 import { HocuspocusProvider } from '@hocuspocus/provider';
 import { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
+import { css } from 'styled-components';
 
 import { Box, TextErrors } from '@/components';
 import { useAuthStore } from '@/core/auth';
@@ -18,11 +19,35 @@ import { randomColor } from '../utils';
 
 import { BlockNoteToolbar } from './BlockNoteToolbar';
 
-const cssEditor = (readonly: boolean) => `
-  &, & > .bn-container, & .ProseMirror {
-    height:100%
-  };
-  
+const cssEditor = (readonly: boolean) => css`
+  color: red;
+  &,
+  & > .bn-container,
+  & .ProseMirror {
+    height: 100%;
+    a {
+      color: var(--c--theme--colors--greyscale-500);
+      cursor: pointer;
+    }
+    .bn-block-group
+      .bn-block-group
+      .bn-block-outer:not([data-prev-depth-changed]):before {
+      border-left: none;
+    }
+  }
+
+  .bn-block-outer:not(:first-child) {
+    &:has(h1) {
+      padding-top: 32px;
+    }
+    &:has(h2) {
+      padding-top: 24px;
+    }
+    &:has(h3) {
+      padding-top: 16px;
+    }
+  }
+
   & .bn-inline-content code {
     background-color: gainsboro;
     padding: 2px;
@@ -33,14 +58,14 @@ const cssEditor = (readonly: boolean) => `
       padding-left: 40px;
       padding-right: 10px;
       ${readonly && `padding-left: 10px;`}
-    };
-    .bn-side-menu[data-block-type=heading][data-level="1"] {
-        height: 46px;
     }
-    .bn-side-menu[data-block-type=heading][data-level="2"] {
+    .bn-side-menu[data-block-type='heading'][data-level='1'] {
+      height: 46px;
+    }
+    .bn-side-menu[data-block-type='heading'][data-level='2'] {
       height: 40px;
     }
-    .bn-side-menu[data-block-type=heading][data-level="3"] {
+    .bn-side-menu[data-block-type='heading'][data-level='3'] {
       height: 40px;
     }
     & .bn-editor h1 {
@@ -52,7 +77,7 @@ const cssEditor = (readonly: boolean) => `
     & .bn-editor h3 {
       font-size: 1.2rem;
     }
-    .bn-block-content[data-is-empty-and-focused][data-content-type="paragraph"] 
+    .bn-block-content[data-is-empty-and-focused][data-content-type='paragraph']
       .bn-inline-content:has(> .ProseMirror-trailingBreak:only-child)::before {
       font-size: 14px;
     }
diff --git a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocHeader.tsx b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocHeader.tsx
index d90026fb7..db0f7508c 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocHeader.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocHeader.tsx
@@ -72,10 +72,10 @@ export const DocHeader = ({ doc }: DocHeaderProps) => {
               <Box $direction="row">
                 {isDesktop && (
                   <>
-                    <Text $variation="400" $size="s" $weight="bold">
+                    <Text $variation="600" $size="s" $weight="bold">
                       {transRole(currentDocRole(doc.abilities))}&nbsp;·&nbsp;
                     </Text>
-                    <Text $variation="400" $size="s">
+                    <Text $variation="600" $size="s">
                       {t('Last update: {{update}}', {
                         update: DateTime.fromISO(doc.updated_at).toRelative(),
                       })}
@@ -92,8 +92,8 @@ export const DocHeader = ({ doc }: DocHeaderProps) => {
             <DocToolBox doc={doc} />
           </Box>
         </Box>
-        <HorizontalSeparator $withPadding={false} />
       </Box>
+      <HorizontalSeparator $withPadding={true} />
     </>
   );
 };
diff --git a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocTitle.tsx b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocTitle.tsx
index 99d0810c7..68c2682c1 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocTitle.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocTitle.tsx
@@ -43,6 +43,7 @@ export const DocTitleText = ({ title }: DocTitleTextProps) => {
       as="h2"
       $margin={{ all: 'none', left: 'none' }}
       $size={isMobile ? 'h4' : 'h2'}
+      $variation="1000"
     >
       {title}
     </Text>
@@ -113,7 +114,7 @@ const DocTitleInput = ({ doc }: DocTitleProps) => {
           onBlurCapture={(event) =>
             handleTitleSubmit(event.target.textContent || '')
           }
-          $color={colorsTokens()['greyscale-text']}
+          $color={colorsTokens()['greyscale-1000']}
           $margin={{ left: '-2px', right: '10px' }}
           $css={css`
             &[contenteditable='true']:empty:not(:focus):before {
diff --git a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocToolBox.tsx b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocToolBox.tsx
index 0e4540835..344767be2 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocToolBox.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocToolBox.tsx
@@ -148,7 +148,7 @@ export const DocToolBox = ({ doc }: DocToolBoxProps) => {
       <Box $direction="row" $margin={{ left: 'auto' }} $gap={spacings['2xs']}>
         {authenticated && !isSmallMobile && (
           <Button
-            color="primary-text"
+            color="tertiary-text"
             onClick={() => {
               setIsModalShareOpen(true);
             }}
@@ -159,7 +159,7 @@ export const DocToolBox = ({ doc }: DocToolBoxProps) => {
         )}
         {!isSmallMobile && (
           <Button
-            color="primary-text"
+            color="tertiary-text"
             icon={
               <Icon iconName="download" $theme="primary" $variation="800" />
             }
@@ -174,14 +174,18 @@ export const DocToolBox = ({ doc }: DocToolBoxProps) => {
             isHorizontal
             $theme="primary"
             $radius={spacings['3xs']}
-            $css={
-              isSmallMobile
+            $padding={{ all: 'xs' }}
+            $css={css`
+              &:hover {
+                background-color: ${colors['greyscale-100']};
+              }
+              ${isSmallMobile
                 ? css`
                     padding: 10px;
                     border: 1px solid ${colors['greyscale-300']};
                   `
-                : ''
-            }
+                : ''}
+            `}
             aria-label={t('Open the document options')}
           />
         </DropdownMenu>
diff --git a/src/frontend/apps/impress/src/features/docs/doc-management/components/ModalRemoveDoc.tsx b/src/frontend/apps/impress/src/features/docs/doc-management/components/ModalRemoveDoc.tsx
index fb79c84c7..2015e28b5 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-management/components/ModalRemoveDoc.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-management/components/ModalRemoveDoc.tsx
@@ -1,5 +1,4 @@
 import {
-  Alert,
   Button,
   Modal,
   ModalSize,
@@ -47,42 +46,36 @@ export const ModalRemoveDoc = ({ onClose, doc }: ModalRemoveDocProps) => {
     <Modal
       isOpen
       closeOnClickOutside
-      hideCloseButton
-      leftActions={
-        <Button
-          aria-label={t('Close the modal')}
-          color="secondary"
-          fullWidth
-          onClick={() => onClose()}
-        >
-          {t('Cancel')}
-        </Button>
-      }
       onClose={() => onClose()}
       rightActions={
-        <Button
-          aria-label={t('Confirm deletion')}
-          color="danger"
-          fullWidth
-          onClick={() =>
-            removeDoc({
-              docId: doc.id,
-            })
-          }
-        >
-          {t('Confirm deletion')}
-        </Button>
+        <>
+          <Button
+            aria-label={t('Close the modal')}
+            color="secondary"
+            fullWidth
+            onClick={() => onClose()}
+          >
+            {t('Cancel')}
+          </Button>
+          <Button
+            aria-label={t('Confirm deletion')}
+            color="danger"
+            fullWidth
+            onClick={() =>
+              removeDoc({
+                docId: doc.id,
+              })
+            }
+          >
+            {t('Delete')}
+          </Button>
+        </>
       }
-      size={ModalSize.MEDIUM}
+      size={ModalSize.SMALL}
       title={
-        <Box $align="center" $gap="1rem">
-          <Text $isMaterialIcon $size="48px" $theme="primary" $variation="600">
-            delete_forever
-          </Text>
-          <Text as="h2" $size="h3" $margin="none">
-            {t('Deleting the document "{{title}}"', { title: doc.title })}
-          </Text>
-        </Box>
+        <Text $size="h6" $align="flex-start">
+          {t('Delete a doc')}
+        </Text>
       }
     >
       <Box
@@ -90,13 +83,11 @@ export const ModalRemoveDoc = ({ onClose, doc }: ModalRemoveDocProps) => {
         aria-label={t('Content modal to delete document')}
       >
         {!isError && (
-          <Alert canClose={false} type={VariantType.WARNING}>
-            <Text>
-              {t('Are you sure you want to delete the document "{{title}}"?', {
-                title: doc.title,
-              })}
-            </Text>
-          </Alert>
+          <Text $size="sm" $variation="600">
+            {t('Are you sure you want to delete the document "{{title}}"?', {
+              title: doc.title,
+            })}
+          </Text>
         )}
 
         {isError && <TextErrors causes={error.cause} />}
diff --git a/src/frontend/apps/impress/src/features/docs/doc-management/stores/useDocStore.tsx b/src/frontend/apps/impress/src/features/docs/doc-management/stores/useDocStore.tsx
index 3b01ecc0b..8564a12b5 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-management/stores/useDocStore.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-management/stores/useDocStore.tsx
@@ -31,7 +31,7 @@ export const useDocStore = create<UseDocStore>((set, get) => ({
     } else {
       const initialDocContent = [
         {
-          type: 'heading',
+          type: 'paragraph',
           content: '',
         },
       ];
diff --git a/src/frontend/apps/impress/src/features/docs/doc-table-content/components/TableContent.tsx b/src/frontend/apps/impress/src/features/docs/doc-table-content/components/TableContent.tsx
index bd7d6f4ce..481fd7f9c 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-table-content/components/TableContent.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-table-content/components/TableContent.tsx
@@ -107,7 +107,7 @@ export const TableContent = ({ headings }: TableContentProps) => {
           gap: var(--c--theme--spacings--2xs);
           width: 200px;
           height: auto;
-          max-height: calc(100vh - 60px - 15vh);
+          max-height: calc(50vh - 60px);
         }
       `}
     >
diff --git a/src/frontend/apps/impress/src/features/docs/doc-versioning/components/ModalSelectVersion.tsx b/src/frontend/apps/impress/src/features/docs/doc-versioning/components/ModalSelectVersion.tsx
index 7cc79f05a..412876f15 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-versioning/components/ModalSelectVersion.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-versioning/components/ModalSelectVersion.tsx
@@ -42,7 +42,7 @@ export const ModalSelectVersion = ({
     <>
       <Modal
         isOpen
-        hideCloseButton
+        hideCloseButton={true}
         closeOnClickOutside={true}
         size={ModalSize.EXTRA_LARGE}
         onClose={onClose}
@@ -52,7 +52,8 @@ export const ModalSelectVersion = ({
           aria-label="version history modal"
           className="noPadding"
           $direction="row"
-          $height="calc(100vh -  50px);"
+          $height="100%"
+          $maxHeight="calc(100vh - 2em - 12px)"
           $overflow="hidden"
         >
           <Box
@@ -64,7 +65,11 @@ export const ModalSelectVersion = ({
               flex: 1;
             `}
           >
-            <Box $width="100%" $padding="base" $align="center">
+            <Box
+              $width="100%"
+              $padding={{ horizontal: 'base', vertical: 'xl' }}
+              $align="center"
+            >
               {selectedVersionId && (
                 <DocEditor doc={doc} versionId={selectedVersionId} />
               )}
@@ -81,7 +86,8 @@ export const ModalSelectVersion = ({
             $direction="column"
             $justify="space-between"
             $width="250px"
-            $height="calc(100vh - 2em - 30px);"
+            $height="100%"
+            $maxHeight="calc(100vh - 2em - 12px)"
             $css={css`
               overflow-y: hidden;
               border-left: 1px solid var(--c--theme--colors--greyscale-200);
@@ -105,7 +111,7 @@ export const ModalSelectVersion = ({
                 `}
                 $padding="sm"
               >
-                <Text $size="h6" $weight="bold">
+                <Text $size="h6" $variation="1000" $weight="bold">
                   {t('History')}
                 </Text>
                 <Button
@@ -123,7 +129,7 @@ export const ModalSelectVersion = ({
               />
             </Box>
             <Box
-              $padding="base"
+              $padding="xs"
               $css={css`
                 border-top: 1px solid var(--c--theme--colors--greyscale-200);
               `}
diff --git a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx
index 578957ddf..c5dfa88a8 100644
--- a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx
+++ b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx
@@ -53,37 +53,41 @@ export const DocsGrid = ({
   return (
     <Box $position="relative" $width="100%" $maxWidth="960px">
       <DocsGridLoader isLoading={isRefetching} />
-      <Card data-testid="docs-grid" $padding="md">
+      <Card
+        data-testid="docs-grid"
+        $padding={{ top: 'base', horizontal: 'md', bottom: 'md' }}
+      >
         <Text
           as="h4"
           $size="h4"
+          $variation="1000"
           $weight="700"
-          $margin={{ top: '0px', bottom: 'xs' }}
+          $margin={{ top: '0px', bottom: '10px' }}
         >
           {title}
         </Text>
 
-        <Box>
+        <Box $gap="6px">
           <Box
             $direction="row"
-            $padding="xs"
+            $padding={{ horizontal: 'xs' }}
             $gap="20px"
             data-testid="docs-grid-header"
           >
             <Box $flex={6} $padding="3xs">
-              <Text $size="xs" $variation="600">
+              <Text $size="xs" $weight="400" $variation="600">
                 {t('Name')}
               </Text>
             </Box>
             {isDesktop && (
-              <Box $flex={1.3} $padding="3xs">
-                <Text $size="xs" $variation="600">
+              <Box $flex={1.4} $padding="3xs">
+                <Text $size="xs" $weight="400" $variation="600">
                   {t('Updated at')}
                 </Text>
               </Box>
             )}
 
-            <Box $flex={1} $align="flex-end" $padding="3xs" />
+            <Box $flex={0.9} $align="flex-end" $padding="3xs" />
           </Box>
 
           {/* Body */}
diff --git a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItem.tsx b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItem.tsx
index 8d91e76b9..5280b5204 100644
--- a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItem.tsx
+++ b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItem.tsx
@@ -29,7 +29,7 @@ export const DocsGridItem = ({ doc }: DocsGridItemProps) => {
       $align="center"
       $gap="20px"
       role="row"
-      $padding={{ vertical: 'xs', horizontal: 'sm' }}
+      $padding={{ vertical: '2xs', horizontal: 'sm' }}
       $css={css`
         cursor: pointer;
         border-radius: 4px;
@@ -55,7 +55,7 @@ export const DocsGridItem = ({ doc }: DocsGridItemProps) => {
         )}
       </StyledLink>
       <Box
-        $flex={1}
+        $flex={0.9}
         $direction="row"
         $align="center"
         $justify="flex-end"
@@ -68,6 +68,7 @@ export const DocsGridItem = ({ doc }: DocsGridItemProps) => {
               event.stopPropagation();
             }}
             size="nano"
+            fullWidth
             icon={<Icon $variation="000" iconName="public" />}
           >
             {isShared ? sharedCount : undefined}
@@ -79,6 +80,7 @@ export const DocsGridItem = ({ doc }: DocsGridItemProps) => {
               event.preventDefault();
               event.stopPropagation();
             }}
+            fullWidth
             color="tertiary"
             size="nano"
             icon={<Icon $variation="800" $theme="primary" iconName="group" />}
@@ -93,6 +95,7 @@ export const DocsGridItem = ({ doc }: DocsGridItemProps) => {
               event.stopPropagation();
             }}
             size="nano"
+            fullWidth
             icon={<Icon $variation="000" iconName="corporate_fare" />}
           >
             {sharedCount}
diff --git a/src/frontend/apps/impress/src/features/docs/docs-grid/components/SimpleDocItem.tsx b/src/frontend/apps/impress/src/features/docs/docs-grid/components/SimpleDocItem.tsx
index 1e442905e..c9036aeac 100644
--- a/src/frontend/apps/impress/src/features/docs/docs-grid/components/SimpleDocItem.tsx
+++ b/src/frontend/apps/impress/src/features/docs/docs-grid/components/SimpleDocItem.tsx
@@ -60,7 +60,12 @@ export const SimpleDocItem = ({
         >
           {doc.title}
         </Text>
-        <Box $direction="row" $align="center" $gap={spacings['3xs']}>
+        <Box
+          $direction="row"
+          $align="center"
+          $gap={spacings['3xs']}
+          $margin={{ top: '-2px' }}
+        >
           {!isDesktop && (
             <>
               {isPublic && <Icon iconName="public" $size="16px" />}
@@ -72,7 +77,7 @@ export const SimpleDocItem = ({
             </>
           )}
 
-          <Text $size="xs" $variation="500" $weight="500" $css={ItemTextCss}>
+          <Text $size="xs" $variation="500" $weight="400" $css={ItemTextCss}>
             {subText ??
               'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel ante libero. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed imperdiet neque quam, sed euismod metus mollis ut. '}
           </Text>
diff --git a/src/frontend/apps/impress/src/features/header/components/Header.tsx b/src/frontend/apps/impress/src/features/header/components/Header.tsx
index a6dc15f02..ccfe597ac 100644
--- a/src/frontend/apps/impress/src/features/header/components/Header.tsx
+++ b/src/frontend/apps/impress/src/features/header/components/Header.tsx
@@ -65,29 +65,28 @@ export const Header = () => {
         >
           <Image priority src={IconDocs} alt={t('Docs Logo')} width={25} />
 
-          <Text
-            $margin="none"
-            as="h2"
-            $color="#000091"
-            $zIndex={1}
-            $size="1.30rem"
-          >
-            {t('Docs')}
-          </Text>
-          <Text
-            $padding="2px 3px"
-            $size="8px"
-            $background="#368bd6"
-            $color="white"
-            $position="absolute"
-            $radius="5px"
-            $css={`
-                  bottom: 13px;
-                  right: -17px;
-                `}
-          >
-            BETA
-          </Text>
+          <Box $direction="row" $align="center" $gap={spacings['2xs']}>
+            <Text
+              $margin="none"
+              as="h2"
+              $color="#000091"
+              $zIndex={1}
+              $size="1.30rem"
+            >
+              {t('Docs')}
+            </Text>
+            <Text
+              $padding={{ horizontal: 'xs', vertical: '1px' }}
+              $size="11px"
+              $theme="primary"
+              $variation="500"
+              $weight="bold"
+              $radius="12px"
+              $background={colors['primary-200']}
+            >
+              BETA
+            </Text>
+          </Box>
         </Box>
       </StyledLink>
       {!isDesktop ? (
diff --git a/src/frontend/apps/impress/src/features/language/LanguagePicker.tsx b/src/frontend/apps/impress/src/features/language/LanguagePicker.tsx
index 6e6188747..d962c9169 100644
--- a/src/frontend/apps/impress/src/features/language/LanguagePicker.tsx
+++ b/src/frontend/apps/impress/src/features/language/LanguagePicker.tsx
@@ -14,6 +14,7 @@ const SelectStyled = styled(Select)<{ $isSmall?: boolean }>`
   .c__select__wrapper {
     min-height: 2rem;
     height: auto;
+
     border-color: transparent;
     padding: 0 0.15rem 0 0.45rem;
     border-radius: 1px;
@@ -27,7 +28,7 @@ const SelectStyled = styled(Select)<{ $isSmall?: boolean }>`
     }
 
     &:hover {
-      box-shadow: var(--c--theme--colors--primary-100) 0 0 0 2px !important;
+      box-shadow: none !important;
     }
   }
 `;
@@ -48,10 +49,16 @@ export const LanguagePicker = () => {
           $gap="0.7rem"
           $align="center"
         >
-          <Text $isMaterialIcon $size="1rem" $theme="primary" $variation="600">
+          <Text
+            $isMaterialIcon
+            $size="1rem"
+            $theme="primary"
+            $weight="bold"
+            $variation="800"
+          >
             translate
           </Text>
-          <Text $theme="primary" $variation="600">
+          <Text $theme="primary" $weight="500" $variation="800">
             {LANGUAGES_ALLOWED[lang]}
           </Text>
         </Box>
diff --git a/src/frontend/apps/impress/src/features/left-panel/components/LefPanelTargetFilters.tsx b/src/frontend/apps/impress/src/features/left-panel/components/LefPanelTargetFilters.tsx
index 56999edca..07e999d36 100644
--- a/src/frontend/apps/impress/src/features/left-panel/components/LefPanelTargetFilters.tsx
+++ b/src/frontend/apps/impress/src/features/left-panel/components/LefPanelTargetFilters.tsx
@@ -54,7 +54,7 @@ export const LeftPanelTargetFilters = () => {
     <Box
       $justify="center"
       $padding={{ horizontal: 'xs' }}
-      $gap={spacing['2xs']}
+      $gap={spacing['4xs']}
     >
       {defaultQueries.map((query) => {
         const isActive = target === query.targetQuery;
@@ -69,22 +69,26 @@ export const LeftPanelTargetFilters = () => {
             $align="center"
             $justify="flex-start"
             $gap={spacing['xs']}
-            $radius={spacing['2xs']}
-            $padding={{ all: 'xs' }}
+            $radius={spacing['3xs']}
+            $padding={{ all: '2xs' }}
             $css={css`
               cursor: pointer;
               background-color: ${isActive
                 ? colors['greyscale-100']
                 : undefined};
-              font-weight: ${isActive ? 700 : undefined};
+              font-weight: ${isActive ? 700 : 500};
               &:hover {
                 background-color: ${colors['greyscale-100']};
-                font-weight: 700;
               }
             `}
           >
-            <Icon $variation="1000" iconName={query.icon} />
-            <Text $variation="1000">{query.label}</Text>
+            <Icon
+              $variation={isActive ? '1000' : '700'}
+              iconName={query.icon}
+            />
+            <Text $variation={isActive ? '1000' : '700'} $size="sm">
+              {query.label}
+            </Text>
           </BoxButton>
         );
       })}
diff --git a/src/frontend/apps/impress/src/features/left-panel/components/LeftPanelHeader.tsx b/src/frontend/apps/impress/src/features/left-panel/components/LeftPanelHeader.tsx
index 37ce4520e..dd0a771e8 100644
--- a/src/frontend/apps/impress/src/features/left-panel/components/LeftPanelHeader.tsx
+++ b/src/frontend/apps/impress/src/features/left-panel/components/LeftPanelHeader.tsx
@@ -42,7 +42,7 @@ export const LeftPanelHeader = ({ children }: PropsWithChildren) => {
             <Button
               onClick={goToHome}
               size="medium"
-              color="primary-text"
+              color="tertiary-text"
               icon={<Icon iconName="house" />}
             />
           </Box>
diff --git a/src/frontend/apps/impress/src/layouts/MainLayout.tsx b/src/frontend/apps/impress/src/layouts/MainLayout.tsx
index b20e51366..d3a04035f 100644
--- a/src/frontend/apps/impress/src/layouts/MainLayout.tsx
+++ b/src/frontend/apps/impress/src/layouts/MainLayout.tsx
@@ -43,7 +43,7 @@ export function MainLayout({
           $height={`calc(100dvh - ${HEADER_HEIGHT}px)`}
           $padding={{
             vertical: isDesktop ? 'base' : 'xs',
-            horizontal: isDesktop ? '6xl' : 'xs',
+            horizontal: isDesktop ? 'base' : 'xs',
           }}
           $background={
             backgroundColor === 'white'