diff --git a/src/components/generic/AHTMLEditor.vue b/src/components/generic/AHTMLEditor.vue
index 6e5d91a2a0be2a5de83c3b1a4349d293a53d32dc..c199625b8be6ed3c2f00c751f9ed83698ddb02ef 100644
--- a/src/components/generic/AHTMLEditor.vue
+++ b/src/components/generic/AHTMLEditor.vue
@@ -130,7 +130,7 @@ useEventListener(contentEl, 'click', (event: PointerEvent) => {
     border-bottom-color: var(--_aura-quill-bg) !important;
   }
   .ql-editor {
-    @apply tw-rounded tw-border tw-border-solid tw-border-gray-300 tw-bg-white;
+    @apply tw-rounded tw-border tw-border-solid tw-border-gray-200 tw-bg-white;
     padding: theme('spacing[1.5]') theme('spacing.3');
     transition:
       border-color 0.15s ease-in-out,
@@ -145,7 +145,7 @@ useEventListener(contentEl, 'click', (event: PointerEvent) => {
     }
 
     &[contenteditable='false'] {
-      @apply tw-bg-gray-200;
+      @apply tw-bg-gray-100;
     }
   }
 }
diff --git a/src/tailwind.css b/src/tailwind.css
index deb1a39cb2993f6d94bce49d7c98ed105ffc8fd3..365ffed09a1466dce7359dc09083a56b2e804397 100644
--- a/src/tailwind.css
+++ b/src/tailwind.css
@@ -197,7 +197,7 @@ thead .fc-day-selected:hover {
     color: theme('colors.gray.600');
     background-color: #fff;
     background-clip: padding-box;
-    border: 1px solid theme('colors.gray.300');
+    border: 1px solid theme('colors.gray.200');
     transition:
       border-color 0.15s ease-in-out,
       box-shadow 0.15s ease-in-out;
@@ -213,7 +213,7 @@ thead .fc-day-selected:hover {
 
     &:disabled,
     &[readonly] {
-      background-color: theme('colors.gray.200');
+      background-color: theme('colors.gray.100');
       opacity: 1;
     }
   }