diff --git a/src/components/SlateEditor/plugins/comment/block/SlateCommentBlock.tsx b/src/components/SlateEditor/plugins/comment/block/SlateCommentBlock.tsx
index 3f2ea0c42b..0e4220375e 100644
--- a/src/components/SlateEditor/plugins/comment/block/SlateCommentBlock.tsx
+++ b/src/components/SlateEditor/plugins/comment/block/SlateCommentBlock.tsx
@@ -33,7 +33,7 @@ import { CommentBlockElement } from "../interfaces";
 const BlockCommentButton = styled("button", {
   base: {
     all: "unset",
-    background: "surface.brand.4.subtle",
+    background: "surface.brand.4",
     cursor: "pointer",
     fontStyle: "italic",
     display: "flex",
@@ -41,9 +41,6 @@ const BlockCommentButton = styled("button", {
     alignItems: "center",
     padding: "3xsmall",
     width: "100%",
-    _hover: {
-      background: "surface.brand.4",
-    },
   },
 });
 
diff --git a/src/components/SlateEditor/plugins/comment/inline/SlateCommentInline.tsx b/src/components/SlateEditor/plugins/comment/inline/SlateCommentInline.tsx
index 55fee48119..885f9086e7 100644
--- a/src/components/SlateEditor/plugins/comment/inline/SlateCommentInline.tsx
+++ b/src/components/SlateEditor/plugins/comment/inline/SlateCommentInline.tsx
@@ -20,11 +20,8 @@ import { CommentInlineElement } from "../interfaces";
 const InlineComment = styled("span", {
   base: {
     display: "inline",
-    background: "surface.brand.4.subtle",
+    background: "surface.brand.4",
     cursor: "pointer",
-    _hover: {
-      background: "surface.brand.4",
-    },
   },
 });