Reverted all changes back to version 4c06ed78cf

src/components/length-indicator.tsx

@@ -49,12 +49,7 @@ export function LengthIndicator({ length, type }: LengthIndicatorProps) {
     <TooltipProvider>
       <Tooltip>
         <TooltipTrigger asChild>
-          <div className="flex items-center gap-2 cursor-default">
+          <div className={cn("h-3 w-3 rounded-full", colorClass)} />
-            <div className={cn("h-3 w-3 rounded-full", colorClass)} />
-            <span className="text-sm font-medium text-muted-foreground w-8 text-right">
-              {length}
-            </span>
-          </div>
         </TooltipTrigger>
         <TooltipContent>
           <p>

src/components/meta-form.tsx

@@ -72,11 +72,11 @@ export function MetaForm() {
           <CardContent className="space-y-4">
             <div>
               <div className="flex items-center gap-2 mb-1">
+                <h3 className="font-semibold text-card-foreground">Meta Title</h3>
                 <LengthIndicator
                   length={metaData.title.length}
                   type="title"
                 />
-                <h3 className="font-semibold text-card-foreground">Meta Title</h3>
               </div>
               <p className="text-muted-foreground bg-muted p-3 rounded-md">
                 {metaData.title || "Not found"}
@@ -84,11 +84,11 @@ export function MetaForm() {
             </div>
             <div>
               <div className="flex items-center gap-2 mb-1">
+                <h3 className="font-semibold text-card-foreground">Meta Description</h3>
                 <LengthIndicator
                   length={metaData.description.length}
                   type="description"
                 />
-                <h3 className="font-semibold text-card-foreground">Meta Description</h3>
               </div>
               <p className="text-muted-foreground bg-muted p-3 rounded-md">
                 {metaData.description || "Not found"}