From 39d0fe456527a187f613d68e58285923ebec08cd Mon Sep 17 00:00:00 2001
From: rebelchris <chrisbongers@gmail.com>
Date: Fri, 6 Mar 2026 13:21:23 +0000
Subject: [PATCH 1/2] fix(webapp): use rounded-14 on feedback badges

---
 packages/webapp/pages/settings/feedback.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/webapp/pages/settings/feedback.tsx b/packages/webapp/pages/settings/feedback.tsx
index de447387c8..9cbf93a344 100644
--- a/packages/webapp/pages/settings/feedback.tsx
+++ b/packages/webapp/pages/settings/feedback.tsx
@@ -49,11 +49,11 @@ const FeedbackCard = ({
   return (
     <article className="rounded-16 border border-border-subtlest-tertiary bg-background-default p-4">
       <div className="flex flex-wrap items-center gap-2">
-        <span className="rounded-full bg-surface-hover px-2 py-1 text-xs text-text-secondary">
+        <span className="rounded-14 bg-surface-hover px-2 py-1 text-xs text-text-secondary">
           {getFeedbackCategoryLabel(item.category)}
         </span>
         <span
-          className={`rounded-full bg-surface-hover px-2 py-1 text-xs ${getFeedbackStatusClassName(
+          className={`rounded-14 bg-surface-hover px-2 py-1 text-xs ${getFeedbackStatusClassName(
             item.status,
           )}`}
         >

From 7cfa6ef510d6fd4555582351069fb39269ea57b0 Mon Sep 17 00:00:00 2001
From: rebelchris <chrisbongers@gmail.com>
Date: Fri, 6 Mar 2026 13:22:36 +0000
Subject: [PATCH 2/2] refactor(webapp): deduplicate feedback badge classes

---
 packages/webapp/pages/settings/feedback.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/webapp/pages/settings/feedback.tsx b/packages/webapp/pages/settings/feedback.tsx
index 9cbf93a344..4f27a75d60 100644
--- a/packages/webapp/pages/settings/feedback.tsx
+++ b/packages/webapp/pages/settings/feedback.tsx
@@ -45,15 +45,16 @@ const FeedbackCard = ({
   const description = isExpanded
     ? item.description
     : item.description.slice(0, 260);
+  const badgeClassName = 'rounded-14 bg-surface-hover px-2 py-1 text-xs';
 
   return (
     <article className="rounded-16 border border-border-subtlest-tertiary bg-background-default p-4">
       <div className="flex flex-wrap items-center gap-2">
-        <span className="rounded-14 bg-surface-hover px-2 py-1 text-xs text-text-secondary">
+        <span className={`${badgeClassName} text-text-secondary`}>
           {getFeedbackCategoryLabel(item.category)}
         </span>
         <span
-          className={`rounded-14 bg-surface-hover px-2 py-1 text-xs ${getFeedbackStatusClassName(
+          className={`${badgeClassName} ${getFeedbackStatusClassName(
             item.status,
           )}`}
         >