diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 2c2efb5..f60a80f 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -529,10 +529,13 @@ body.layout-single-column  {
 .layout-single-column .compose-form .character-counter {
     color: var(--color-fg);
 }
-.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button.active,
-.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button.active {
+.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button.active {
     color: var(--color-accent);
 }
+.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button.active {
+    background-color: var(--color-accent);
+    color: var(--color-accent-fg);
+}
 .layout-single-column .compose-panel .autosuggest-textarea__textarea {
     padding-left: 20px;
     padding-top: 20px;
diff --git a/TangerineUI.css b/TangerineUI.css
index defb25f..689caa7 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -529,10 +529,13 @@ body.layout-single-column  {
 .layout-single-column .compose-form .character-counter {
     color: var(--color-fg);
 }
-.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button.active,
-.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button.active {
+.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button.active {
     color: var(--color-accent);
 }
+.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button.active {
+    background-color: var(--color-accent);
+    color: var(--color-accent-fg);
+}
 .layout-single-column .compose-panel .autosuggest-textarea__textarea {
     padding-left: 20px;
     padding-top: 20px;
diff --git a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
index 2c2efb5..f60a80f 100644
--- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
@@ -529,10 +529,13 @@ body.layout-single-column  {
 .layout-single-column .compose-form .character-counter {
     color: var(--color-fg);
 }
-.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button.active,
-.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button.active {
+.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button.active {
     color: var(--color-accent);
 }
+.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button.active {
+    background-color: var(--color-accent);
+    color: var(--color-accent-fg);
+}
 .layout-single-column .compose-panel .autosuggest-textarea__textarea {
     padding-left: 20px;
     padding-top: 20px;
diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
index defb25f..689caa7 100644
--- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
@@ -529,10 +529,13 @@ body.layout-single-column  {
 .layout-single-column .compose-form .character-counter {
     color: var(--color-fg);
 }
-.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button.active,
-.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button.active {
+.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button.active {
     color: var(--color-accent);
 }
+.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button.active {
+    background-color: var(--color-accent);
+    color: var(--color-accent-fg);
+}
 .layout-single-column .compose-panel .autosuggest-textarea__textarea {
     padding-left: 20px;
     padding-top: 20px;