From c7b9cd283aa22ecdd66d3cd1429c911c04ef0697 Mon Sep 17 00:00:00 2001
From: spencrmartin <spencermartin@squareup.com>
Date: Tue, 4 Nov 2025 13:20:32 -0500
Subject: [PATCH] refactor(ui): use h3 semantic element for Custom Accent title

- Changes from span to h3 for better semantic HTML
- Applies text-xs text-text-default styling to match other section titles
---
 ui/desktop/src/components/GooseSidebar/ThemeSelector.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/desktop/src/components/GooseSidebar/ThemeSelector.tsx b/ui/desktop/src/components/GooseSidebar/ThemeSelector.tsx
index 83f5d456d0..5ef97b64b9 100644
--- a/ui/desktop/src/components/GooseSidebar/ThemeSelector.tsx
+++ b/ui/desktop/src/components/GooseSidebar/ThemeSelector.tsx
@@ -219,7 +219,7 @@ export function ThemeSelector({
       <div className={cn(!horizontal && 'px-3', 'py-3')}>
         <div className="flex items-center justify-between mb-2">
           <div className="flex-1">
-            <span className="leading-none text-text-default">Custom Accent</span>
+            <h3 className="text-text-default text-xs">Custom Accent</h3>
           </div>
           <Switch
             checked={customColorEnabled}