diff --git a/app/javascript/styles/mastodon-light/css_variables.scss b/app/javascript/styles/mastodon-light/css_variables.scss
index 0429102d3c..eb92cfb0f5 100644
--- a/app/javascript/styles/mastodon-light/css_variables.scss
+++ b/app/javascript/styles/mastodon-light/css_variables.scss
@@ -79,7 +79,7 @@
   --clr-bg-overlay: var(--clr-bg-primary);
   --clr-bg-disabled: var(--clr-grey-400);
   --clr-bg-accent-subtle-base: var(--clr-indigo-600);
-  --clr-bg-accent-subtle-strength: 12%;
+  --clr-bg-accent-subtle-strength: 8%;
   --clr-bg-accent-subtle: #{utils.css-alpha(
       var(--clr-bg-accent-subtle-base),
       var(--clr-bg-accent-subtle-strength)
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index a2f348e499..e3be8dc283 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -289,7 +289,7 @@
   --default-icon-color: var(--clr-text-secondary);
   --default-bg-color: transparent;
   --hover-icon-color: var(--clr-text-primary);
-  --hover-bg-color: var(--clr-bg-accent);
+  --hover-bg-color: var(--clr-bg-accent-subtle);
 
   display: inline-flex;
   color: var(--default-icon-color);
diff --git a/app/javascript/styles/mastodon/emoji_picker.scss b/app/javascript/styles/mastodon/emoji_picker.scss
index 0a4a0afd89..a40262a68c 100644
--- a/app/javascript/styles/mastodon/emoji_picker.scss
+++ b/app/javascript/styles/mastodon/emoji_picker.scss
@@ -18,7 +18,8 @@
 
 .emoji-mart-bar {
   &:first-child {
-    background: var(--clr-border-primary);
+    background: var(--clr-bg-tertiary);
+    border-bottom: 1px solid var(--clr-border-primary);
   }
 }
 
@@ -168,7 +169,7 @@
     inset-inline-start: 0;
     width: 100%;
     height: 100%;
-    background-color: var(--clr-border-primary);
+    background-color: var(--clr-bg-accent-subtle);
     border-radius: 100%;
   }
 }