diff --git a/src/frontend/apps/impress/public/assets/favicon-dsfr.png b/src/frontend/apps/impress/public/assets/favicon-dsfr.png
index 4c433bb5..b926b15d 100644
Binary files a/src/frontend/apps/impress/public/assets/favicon-dsfr.png and b/src/frontend/apps/impress/public/assets/favicon-dsfr.png differ
diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteToolBar/AIButton.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteToolBar/AIButton.tsx
index 08239779..1fdadcde 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteToolBar/AIButton.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteToolBar/AIButton.tsx
@@ -108,7 +108,7 @@ export function AIGroupButton() {
           data-test="ai-actions"
           label="AI"
           mainTooltip={t('AI Actions')}
-          icon={<Icon iconName="auto_awesome" $size="l" />}
+          icon={<Icon iconName="auto_awesome" $size="md" />}
         />
       </Components.Generic.Menu.Trigger>
       <Components.Generic.Menu.Dropdown
diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteToolBar/MarkdownButton.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteToolBar/MarkdownButton.tsx
index 1848f8d2..753e7b29 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteToolBar/MarkdownButton.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteToolBar/MarkdownButton.tsx
@@ -94,6 +94,7 @@ export function MarkdownButton() {
             font-family: var(--c--globals--font--families--base);
           `}
           $weight="bold"
+          $size="sm"
         >
           M
         </Text>
diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/comments/styles.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/components/comments/styles.tsx
index 324a86c5..0a87f632 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-editor/components/comments/styles.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-editor/components/comments/styles.tsx
@@ -11,7 +11,7 @@ export const cssComments = (
       .bn-thread-mark:not([data-orphan='true']),
       .bn-thread-mark-selected:not([data-orphan='true']) {
         background: ${canSeeComment ? '#EDB40066' : 'transparent'};
-        color: var(--c--globals--colors--greyscale-700);
+        color: var(--c--globals--colors--gray-700);
       }
     }
 
@@ -54,7 +54,7 @@ export const cssComments = (
         & .bn-editor {
           padding-left: var(--c--globals--spacings--lg);
           .bn-inline-content {
-            color: var(--c--globals--colors--greyscale-700);
+            color: var(--c--globals--colors--gray-700);
           }
         }
 
@@ -65,7 +65,7 @@ export const cssComments = (
             padding: var(--c--globals--spacings--0)
               var(--c--globals--spacings--st);
             background: none;
-            border: 1px solid var(--c--globals--colors--greyscale-300);
+            border: 1px solid var(--c--globals--colors--gray-300);
             border-radius: var(--c--globals--spacings--st);
             height: var(--c--globals--spacings--md);
           }
@@ -103,12 +103,12 @@ export const cssComments = (
               background-color: transparent;
 
               &:hover {
-                background-color: var(--c--globals--colors--greyscale-100);
+                background-color: var(--c--globals--colors--gray-100);
               }
             }
 
             button[role='menuitem'] svg {
-              color: var(--c--globals--colors--greyscale-600);
+              color: var(--c--globals--colors--gray-600);
             }
           }
 
@@ -137,7 +137,7 @@ export const cssComments = (
 
               &[data-test='cancel'] {
                 background: white;
-                border: 1px solid var(--c--globals--colors--greyscale-300);
+                border: 1px solid var(--c--globals--colors--gray-300);
                 color: var(--c--globals--colors--info-600);
               }
             }
@@ -186,13 +186,14 @@ export const cssComments = (
             padding: var(--c--globals--spacings--0);
 
             &:disabled {
-              background: var(--c--globals--colors--greyscale-300);
+              background: var(--c--globals--colors--gray-300);
             }
 
             & .mantine-Button-label::before {
-              content: '🡡';
-              font-size: 13px;
-              color: var(--c--globals--colors--greyscale-100);
+              content: 'arrow_upward_alt';
+              font-family: 'Material Symbols Outlined Variable', sans-serif;
+              font-size: 18px;
+              color: var(--c--globals--colors--gray-100);
             }
           }
         }
diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx
index 3e4f1efb..6c9c1645 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx
@@ -8,7 +8,7 @@ export const cssEditor = css`
   }
 
   & .bn-editor {
-    color: var(--c--globals--colors--greyscale-700);
+    color: var(--c--globals--colors--gray-700);
   }
 
   /**
@@ -127,7 +127,7 @@ export const cssEditor = css`
     font-size: 1.25rem;
   }
   a {
-    color: var(--c--globals--colors--greyscale-600);
+    color: var(--c--globals--colors--gray-600);
     cursor: pointer;
   }
   .bn-block-group