From ecbd167997dbd1bac56be66fb8ce6a975b930a4a Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Sun, 22 Feb 2026 17:16:54 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20address=20review=20=E2=80=94=20extract?=
 =?UTF-8?q?=20inline=20style,=20tighten=20disclaimer=20copy?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web-app/src/components/ProtocolStatsCard.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/web-app/src/components/ProtocolStatsCard.vue b/web-app/src/components/ProtocolStatsCard.vue
index d2c9b36..5058483 100644
--- a/web-app/src/components/ProtocolStatsCard.vue
+++ b/web-app/src/components/ProtocolStatsCard.vue
@@ -79,7 +79,7 @@
               <span class="stat-label">Indicative Annual Rate:</span>
               <span class="stat-value rate-value">~{{ formatPercent(annualizedRate) }}</span>
               <span class="stat-disclaimer">(based on 7d average — not a promise)</span>
-              <span class="stat-disclaimer" style="display: block; margin-top: 4px; font-style: italic;">Staking value comes from supply growth, not fees. When new users buy KRK, stakers' positions multiply.</span>
+              <span class="stat-disclaimer stat-disclaimer--detail">Staking multiplies your position when supply grows, not from fees.</span>
             </div>
           </div>
         </div>
@@ -245,6 +245,10 @@ const lastRebalanceText = computed(() => {
   font-style: italic
   font-weight: 400
 
+.stat-disclaimer--detail
+  display: block
+  margin-top: 4px
+
 @media (max-width: 768px)
   .stats-row
     flex-direction: column