diff --git a/lib/process-services-cloud/src/lib/rich-text-editor/editorjs-config.ts b/lib/process-services-cloud/src/lib/rich-text-editor/editorjs-config.ts
index cefecc76634..db073179c76 100644
--- a/lib/process-services-cloud/src/lib/rich-text-editor/editorjs-config.ts
+++ b/lib/process-services-cloud/src/lib/rich-text-editor/editorjs-config.ts
@@ -86,7 +86,8 @@ export const editorJsConfig = {
         'Increase/Decrease font size': {
             class: ChangeFontSize,
             config: {
-                cssClass: 'plus20pc'
+                cssClass: 'plus20pc',
+                buttonIcon: '<span class="material-icons">format_size</span>'
             }
         },
         inlineCode: {
diff --git a/lib/process-services-cloud/src/lib/rich-text-editor/rich-text-editor.component.scss b/lib/process-services-cloud/src/lib/rich-text-editor/rich-text-editor.component.scss
index 08d72dfc366..fc020bf034f 100644
--- a/lib/process-services-cloud/src/lib/rich-text-editor/rich-text-editor.component.scss
+++ b/lib/process-services-cloud/src/lib/rich-text-editor/rich-text-editor.component.scss
@@ -1,5 +1,7 @@
 /* stylelint-disable selector-class-pattern */
 .adf-rich-text-editor-container {
+    color: var(--theme-text-fg-color, rgba(0, 0, 0, 0.87));
+
     .editorjs {
         &.readonly {
             .codex-editor__redactor {
@@ -11,11 +13,20 @@
 
     .ce-inline-toolbar {
         transform: scale(1);
+
+        .ce-popover__items {
+            overflow: hidden;
+        }
+
+        .ce-inline-tool .material-icons {
+            font-size: 20px;
+        }
     }
 }
 
 xy-color-picker {
     position: relative;
     background-color: transparent;
-    width: 22px;
+    margin: 0;
+    overflow: hidden;
 }