diff --git a/app/javascript/styles/mastodon/forms.scss b/app/javascript/styles/mastodon/forms.scss
index 458eb86e9..375c7b64b 100644
--- a/app/javascript/styles/mastodon/forms.scss
+++ b/app/javascript/styles/mastodon/forms.scss
@@ -378,7 +378,7 @@ code {
         right: 0;
         bottom: 1px;
         width: 5px;
-        background-image: linear-gradient(to right, rgba($classic-base-color, 0), $classic-base-color);
+        background-image: linear-gradient(to right, rgba($ui-base-color, 0), $ui-base-color);
       }
     }
   }
diff --git a/app/javascript/styles/mastodon/rtl.scss b/app/javascript/styles/mastodon/rtl.scss
index 8c9508004..b8c0efad8 100644
--- a/app/javascript/styles/mastodon/rtl.scss
+++ b/app/javascript/styles/mastodon/rtl.scss
@@ -217,7 +217,7 @@ body.rtl {
     &::after {
       right: auto;
       left: 0;
-      background-image: linear-gradient(to left, rgba($classic-base-color, 0), $classic-base-color);
+      background-image: linear-gradient(to left, rgba($ui-base-color, 0), $ui-base-color);
     }
   }