From b9e13c12f2eec3e1ac9ddd82c9764c2823f87d0b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marina=20L=C3=B3pez?= <marina.lopez.yap@gmail.com>
Date: Mon, 25 May 2026 15:49:16 +0200
Subject: [PATCH] :bug: Fix subscription plan icon alignment (#9857)

---
 frontend/src/app/main/ui/settings/subscription.cljs | 6 +++---
 frontend/src/app/main/ui/settings/subscription.scss | 7 ++-----
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/frontend/src/app/main/ui/settings/subscription.cljs b/frontend/src/app/main/ui/settings/subscription.cljs
index 9f6dd74d3f..66f0928c10 100644
--- a/frontend/src/app/main/ui/settings/subscription.cljs
+++ b/frontend/src/app/main/ui/settings/subscription.cljs
@@ -50,9 +50,9 @@
      [:div {:class (stl/css :plan-card-header)}
       [:div {:class (stl/css :plan-card-title-container)}
        (when card-title-icon
-         [:> icon* {:icon-id card-title-icon
-                    :class (stl/css :plan-title-icon)
-                    :size "s"}])
+         [:span {:class (stl/css :plan-title-icon)}
+          [:> icon* {:icon-id card-title-icon
+                     :size "s"}]])
        [:h4 {:class (stl/css :plan-card-title)} card-title]
        (when recommended
          [:& badge-notification {:content (tr "subscription.settings.recommended")
diff --git a/frontend/src/app/main/ui/settings/subscription.scss b/frontend/src/app/main/ui/settings/subscription.scss
index 436a512042..f42cb88b81 100644
--- a/frontend/src/app/main/ui/settings/subscription.scss
+++ b/frontend/src/app/main/ui/settings/subscription.scss
@@ -98,18 +98,15 @@
 .plan-title-icon {
   @extend %button-icon;
 
-  stroke: var(--color-foreground-primary);
   block-size: var(--sp-xl);
   inline-size: var(--sp-xl);
   border-radius: 6px;
   border: 1.75px solid var(--color-foreground-primary);
-  stroke-width: 2.25px;
-  padding: px2rem(3);
 }
 
 .plan-title-icon svg {
-  block-size: var(--sp-m);
-  inline-size: var(--sp-m);
+  stroke: var(--color-foreground-primary);
+  stroke-width: 2.25px;
 }
 
 .plan-card-title,