From da5bd9747eb4629124c8f6d444fe3adb87d8f9fd Mon Sep 17 00:00:00 2001
From: "[dyad]" <git@dyad.sh>
Date: Wed, 21 Jan 2026 08:36:50 +0100
Subject: [PATCH] [dyad] Move tab indicators to the right - wrote 2 file(s)

---
 src/components/meta-form.tsx     | 18 +++++++++---------
 src/components/tab-indicator.tsx |  2 +-
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/meta-form.tsx b/src/components/meta-form.tsx
index 437748a..2c244a4 100644
--- a/src/components/meta-form.tsx
+++ b/src/components/meta-form.tsx
@@ -203,55 +203,55 @@ export function MetaForm() {
         <Tabs defaultValue="analysis" className="w-full">
           <TabsList className="mb-4">
             <TabsTrigger value="analysis">
-              {tabColors && <TabIndicator color={tabColors.analysis} />}
               Meta Analysis
+              {tabColors && <TabIndicator color={tabColors.analysis} />}
             </TabsTrigger>
             {metaData.headlines && metaData.headlines.length > 0 && (
               <TabsTrigger value="headlines">
-                {tabColors && <TabIndicator color={tabColors.headlines} />}
                 Headlines
+                {tabColors && <TabIndicator color={tabColors.headlines} />}
               </TabsTrigger>
             )}
             {metaData.images && metaData.images.length > 0 && (
               <TabsTrigger value="images">
-                {tabColors && <TabIndicator color={tabColors.images} />}
                 Images
+                {tabColors && <TabIndicator color={tabColors.images} />}
               </TabsTrigger>
             )}
             {metaData.links && metaData.links.length > 0 && (
               <TabsTrigger value="links">
-                {tabColors && <TabIndicator color={tabColors.links} />}
                 Links
+                {tabColors && <TabIndicator color={tabColors.links} />}
               </TabsTrigger>
             )}
             {metaData.openGraph && metaData.twitter && (
               <TabsTrigger value="social">
-                {tabColors && <TabIndicator color={tabColors.social} />}
                 Social
+                {tabColors && <TabIndicator color={tabColors.social} />}
               </TabsTrigger>
             )}
             {metaData.schema && metaData.schema.length > 0 && (
               <TabsTrigger value="schema">
-                {tabColors && <TabIndicator color={tabColors.schema} />}
                 Schema
+                {tabColors && <TabIndicator color={tabColors.schema} />}
               </TabsTrigger>
             )}
             {metaData.systems && metaData.systems.length > 0 && (
               <TabsTrigger value="system">
-                {tabColors && <TabIndicator color={tabColors.system} />}
                 System
+                {tabColors && <TabIndicator color={tabColors.system} />}
               </TabsTrigger>
             )}
             {metaData.tracking && metaData.tracking.length > 0 && (
               <TabsTrigger value="tracking">
-                {tabColors && <TabIndicator color={tabColors.tracking} />}
                 Tracking
+                {tabColors && <TabIndicator color={tabColors.tracking} />}
               </TabsTrigger>
             )}
             {metaData.faq && metaData.faq.length > 0 && (
               <TabsTrigger value="faq">
-                {tabColors && <TabIndicator color={tabColors.faq} />}
                 FAQ
+                {tabColors && <TabIndicator color={tabColors.faq} />}
               </TabsTrigger>
             )}
           </TabsList>
diff --git a/src/components/tab-indicator.tsx b/src/components/tab-indicator.tsx
index 527cdd7..305ff31 100644
--- a/src/components/tab-indicator.tsx
+++ b/src/components/tab-indicator.tsx
@@ -18,7 +18,7 @@ export function TabIndicator({ color }: TabIndicatorProps) {
   return (
     <div
       className={cn(
-        "h-2 w-2 rounded-full mr-2 flex-shrink-0",
+        "h-2 w-2 rounded-full ml-2 flex-shrink-0",
         colorClassMap[color]
       )}
     />