From 91407ecc150eec9400f8685ec46fadd866cb68fb Mon Sep 17 00:00:00 2001
From: Echo <ChaosExAnima@users.noreply.github.com>
Date: Fri, 13 Mar 2026 15:21:39 +0100
Subject: [PATCH] Fix incorrect SASS addition (#38194)

---
 .../features/account_timeline/components/redesign.module.scss | 4 ++--
 app/javascript/styles/mastodon/components.scss                | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/javascript/mastodon/features/account_timeline/components/redesign.module.scss b/app/javascript/mastodon/features/account_timeline/components/redesign.module.scss
index 0d9036265a..e761c761d9 100644
--- a/app/javascript/mastodon/features/account_timeline/components/redesign.module.scss
+++ b/app/javascript/mastodon/features/account_timeline/components/redesign.module.scss
@@ -107,7 +107,7 @@
 }
 
 $button-breakpoint: 420px;
-$button-fallback-breakpoint: #{$button-breakpoint} + 55px;
+$button-fallback-breakpoint: $button-breakpoint + 55px;
 
 .buttonsDesktop {
   @container (width < #{$button-breakpoint}) {
@@ -132,7 +132,7 @@ $button-fallback-breakpoint: #{$button-breakpoint} + 55px;
   }
 
   @supports (not (container-type: inline-size)) {
-    @media (min-width: (#{$button-fallback-breakpoint} + 1px)) {
+    @media (min-width: ($button-fallback-breakpoint + 1px)) {
       display: none;
     }
   }
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index a89c9cca5c..765bf4dcf6 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -8478,7 +8478,7 @@ noscript {
     gap: 8px;
 
     $button-breakpoint: 420px;
-    $button-fallback-breakpoint: #{$button-breakpoint} + 55px;
+    $button-fallback-breakpoint: $button-breakpoint + 55px;
 
     &--desktop {
       margin-top: 55px;
@@ -8502,7 +8502,7 @@ noscript {
       }
 
       @supports (not (container-type: inline-size)) {
-        @media (min-width: (#{$button-fallback-breakpoint} + 1px)) {
+        @media (min-width: ($button-fallback-breakpoint + 1px)) {
           display: none;
         }
       }