diff --git a/src/components/headlines-display.tsx b/src/components/headlines-display.tsx
index 970bff8..8dff9a7 100644
--- a/src/components/headlines-display.tsx
+++ b/src/components/headlines-display.tsx
@@ -20,32 +20,29 @@ interface HeadlinesDisplayProps {
 
 export function HeadlinesDisplay({ headlines }: HeadlinesDisplayProps) {
   return (
-    <div>
-      <h3 className="font-semibold text-card-foreground mb-2">Headlines</h3>
-      <div className="border rounded-lg max-h-80 overflow-y-auto relative">
-        <Table>
-          <TableHeader className="sticky top-0 bg-muted/95 backdrop-blur-sm">
-            <TableRow>
-              <TableHead className="w-[80px]">Tag</TableHead>
-              <TableHead>Text</TableHead>
-              <TableHead className="text-right w-[100px]">Length</TableHead>
+    <div className="border rounded-lg max-h-80 overflow-y-auto relative">
+      <Table>
+        <TableHeader className="sticky top-0 bg-muted/95 backdrop-blur-sm">
+          <TableRow>
+            <TableHead className="w-[80px]">Tag</TableHead>
+            <TableHead>Text</TableHead>
+            <TableHead className="text-right w-[100px]">Length</TableHead>
+          </TableRow>
+        </TableHeader>
+        <TableBody>
+          {headlines.map((headline, index) => (
+            <TableRow key={index}>
+              <TableCell>
+                <Badge variant="secondary" className="uppercase">
+                  {headline.tag}
+                </Badge>
+              </TableCell>
+              <TableCell className="font-medium">{headline.text}</TableCell>
+              <TableCell className="text-right">{headline.length}</TableCell>
             </TableRow>
-          </TableHeader>
-          <TableBody>
-            {headlines.map((headline, index) => (
-              <TableRow key={index}>
-                <TableCell>
-                  <Badge variant="secondary" className="uppercase">
-                    {headline.tag}
-                  </Badge>
-                </TableCell>
-                <TableCell className="font-medium">{headline.text}</TableCell>
-                <TableCell className="text-right">{headline.length}</TableCell>
-              </TableRow>
-            ))}
-          </TableBody>
-        </Table>
-      </div>
+          ))}
+        </TableBody>
+      </Table>
     </div>
   );
 }
\ No newline at end of file
diff --git a/src/components/meta-form.tsx b/src/components/meta-form.tsx
index da895bd..836ccac 100644
--- a/src/components/meta-form.tsx
+++ b/src/components/meta-form.tsx
@@ -121,165 +121,177 @@ export function MetaForm() {
       )}
 
       {!loading && metaData && (
-        <Card className="w-full shadow-lg rounded-lg">
-          <CardHeader>
-            <CardTitle className="text-xl text-card-foreground">
-              Extraction Results
-            </CardTitle>
-          </CardHeader>
-          <CardContent>
-            <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
-              <div className="space-y-6">
-                <div>
-                  <h3 className="font-semibold text-card-foreground mb-2">
-                    SERP Preview
-                  </h3>
-                  <SerpPreview
-                    title={editableTitle}
-                    description={editableDescription}
-                    url={url}
-                  />
-                </div>
-
-                {metaData.image && (
+        <div className="space-y-6">
+          <Card className="w-full shadow-lg rounded-lg">
+            <CardHeader>
+              <CardTitle className="text-xl text-card-foreground">
+                Meta Analysis
+              </CardTitle>
+            </CardHeader>
+            <CardContent>
+              <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
+                <div className="space-y-6">
                   <div>
                     <h3 className="font-semibold text-card-foreground mb-2">
-                      Preview Image
+                      SERP Preview
                     </h3>
-                    <div className="aspect-video bg-muted rounded-md overflow-hidden relative flex items-center justify-center">
-                      {!imageError ? (
-                        <img
-                          src={metaData.image}
-                          alt="Meta preview image"
-                          className="w-full h-full object-cover"
-                          onError={() => setImageError(true)}
-                        />
-                      ) : (
-                        <div className="flex flex-col items-center gap-2 text-muted-foreground">
-                          <ImageOff className="h-8 w-8" />
-                          <span>Image not available</span>
-                        </div>
-                      )}
-                    </div>
+                    <SerpPreview
+                      title={editableTitle}
+                      description={editableDescription}
+                      url={url}
+                    />
                   </div>
-                )}
 
-                {metaData.faq && metaData.faq.length > 0 && (
-                  <FaqDisplay faqs={metaData.faq} />
-                )}
-              </div>
-              <div className="space-y-6">
-                <div>
-                  <div className="flex items-center justify-between">
-                    <div className="flex items-center gap-2">
-                      <h3 className="font-semibold text-card-foreground">
-                        Meta Title
+                  {metaData.image && (
+                    <div>
+                      <h3 className="font-semibold text-card-foreground mb-2">
+                        Preview Image
                       </h3>
-                      <LengthIndicator
-                        length={editableTitle.length}
-                        type="title"
-                      />
-                      <span className="text-sm text-muted-foreground">
-                        {editableTitle.length} Characters
-                      </span>
-                    </div>
-                    <div className="flex items-center">
-                      <CopyButton textToCopy={editableTitle} />
-                      <Button
-                        variant="ghost"
-                        size="icon"
-                        onClick={() => setIsEditingTitle(!isEditingTitle)}
-                        className="h-8 w-8"
-                      >
-                        {isEditingTitle ? (
-                          <Check className="h-4 w-4" />
+                      <div className="aspect-video bg-muted rounded-md overflow-hidden relative flex items-center justify-center">
+                        {!imageError ? (
+                          <img
+                            src={metaData.image}
+                            alt="Meta preview image"
+                            className="w-full h-full object-cover"
+                            onError={() => setImageError(true)}
+                          />
                         ) : (
-                          <Edit className="h-4 w-4" />
+                          <div className="flex flex-col items-center gap-2 text-muted-foreground">
+                            <ImageOff className="h-8 w-8" />
+                            <span>Image not available</span>
+                          </div>
                         )}
-                        <span className="sr-only">
-                          {isEditingTitle ? "Done editing" : "Edit"}
-                        </span>
-                      </Button>
+                      </div>
                     </div>
-                  </div>
-                  <p className="text-sm text-muted-foreground mt-1 mb-2">
-                    The title of the page, ideally between 30 and 60
-                    characters.
-                  </p>
-                  {isEditingTitle ? (
-                    <Input
-                      value={editableTitle}
-                      onChange={(e) => setEditableTitle(e.target.value)}
-                      className="w-full"
-                      placeholder="Meta Title"
-                    />
-                  ) : (
-                    <p className="text-muted-foreground bg-muted p-3 rounded-md min-h-[40px] break-words">
-                      {editableTitle || "Not found"}
-                    </p>
+                  )}
+
+                  {metaData.faq && metaData.faq.length > 0 && (
+                    <FaqDisplay faqs={metaData.faq} />
                   )}
                 </div>
-                <div>
-                  <div className="flex items-center justify-between">
-                    <div className="flex items-center gap-2">
-                      <h3 className="font-semibold text-card-foreground">
-                        Meta Description
-                      </h3>
-                      <LengthIndicator
-                        length={editableDescription.length}
-                        type="description"
-                      />
-                      <span className="text-sm text-muted-foreground">
-                        {editableDescription.length} Characters
-                      </span>
+                <div className="space-y-6">
+                  <div>
+                    <div className="flex items-center justify-between">
+                      <div className="flex items-center gap-2">
+                        <h3 className="font-semibold text-card-foreground">
+                          Meta Title
+                        </h3>
+                        <LengthIndicator
+                          length={editableTitle.length}
+                          type="title"
+                        />
+                        <span className="text-sm text-muted-foreground">
+                          {editableTitle.length} Characters
+                        </span>
+                      </div>
+                      <div className="flex items-center">
+                        <CopyButton textToCopy={editableTitle} />
+                        <Button
+                          variant="ghost"
+                          size="icon"
+                          onClick={() => setIsEditingTitle(!isEditingTitle)}
+                          className="h-8 w-8"
+                        >
+                          {isEditingTitle ? (
+                            <Check className="h-4 w-4" />
+                          ) : (
+                            <Edit className="h-4 w-4" />
+                          )}
+                          <span className="sr-only">
+                            {isEditingTitle ? "Done editing" : "Edit"}
+                          </span>
+                        </Button>
+                      </div>
                     </div>
-                    <div className="flex items-center">
-                      <CopyButton textToCopy={editableDescription} />
-                      <Button
-                        variant="ghost"
-                        size="icon"
-                        onClick={() =>
-                          setIsEditingDescription(!isEditingDescription)
+                    <p className="text-sm text-muted-foreground mt-1 mb-2">
+                      The title of the page, ideally between 30 and 60
+                      characters.
+                    </p>
+                    {isEditingTitle ? (
+                      <Input
+                        value={editableTitle}
+                        onChange={(e) => setEditableTitle(e.target.value)}
+                        className="w-full"
+                        placeholder="Meta Title"
+                      />
+                    ) : (
+                      <p className="text-muted-foreground bg-muted p-3 rounded-md min-h-[40px] break-words">
+                        {editableTitle || "Not found"}
+                      </p>
+                    )}
+                  </div>
+                  <div>
+                    <div className="flex items-center justify-between">
+                      <div className="flex items-center gap-2">
+                        <h3 className="font-semibold text-card-foreground">
+                          Meta Description
+                        </h3>
+                        <LengthIndicator
+                          length={editableDescription.length}
+                          type="description"
+                        />
+                        <span className="text-sm text-muted-foreground">
+                          {editableDescription.length} Characters
+                        </span>
+                      </div>
+                      <div className="flex items-center">
+                        <CopyButton textToCopy={editableDescription} />
+                        <Button
+                          variant="ghost"
+                          size="icon"
+                          onClick={() =>
+                            setIsEditingDescription(!isEditingDescription)
+                          }
+                          className="h-8 w-8"
+                        >
+                          {isEditingDescription ? (
+                            <Check className="h-4 w-4" />
+                          ) : (
+                            <Edit className="h-4 w-4" />
+                          )}
+                          <span className="sr-only">
+                            {isEditingDescription ? "Done editing" : "Edit"}
+                          </span>
+                        </Button>
+                      </div>
+                    </div>
+                    <p className="text-sm text-muted-foreground mt-1 mb-2">
+                      A brief summary of the page's content, ideally between 120
+                      and 158 characters.
+                    </p>
+                    {isEditingDescription ? (
+                      <Textarea
+                        value={editableDescription}
+                        onChange={(e) =>
+                          setEditableDescription(e.target.value)
                         }
-                        className="h-8 w-8"
-                      >
-                        {isEditingDescription ? (
-                          <Check className="h-4 w-4" />
-                        ) : (
-                          <Edit className="h-4 w-4" />
-                        )}
-                        <span className="sr-only">
-                          {isEditingDescription ? "Done editing" : "Edit"}
-                        </span>
-                      </Button>
-                    </div>
+                        className="w-full min-h-[100px]"
+                        placeholder="Meta Description"
+                      />
+                    ) : (
+                      <p className="text-muted-foreground bg-muted p-3 rounded-md min-h-[100px] break-words">
+                        {editableDescription || "Not found"}
+                      </p>
+                    )}
                   </div>
-                  <p className="text-sm text-muted-foreground mt-1 mb-2">
-                    A brief summary of the page's content, ideally between 120
-                    and 158 characters.
-                  </p>
-                  {isEditingDescription ? (
-                    <Textarea
-                      value={editableDescription}
-                      onChange={(e) =>
-                        setEditableDescription(e.target.value)
-                      }
-                      className="w-full min-h-[100px]"
-                      placeholder="Meta Description"
-                    />
-                  ) : (
-                    <p className="text-muted-foreground bg-muted p-3 rounded-md min-h-[100px] break-words">
-                      {editableDescription || "Not found"}
-                    </p>
-                  )}
                 </div>
-                {metaData.headlines && metaData.headlines.length > 0 && (
-                  <HeadlinesDisplay headlines={metaData.headlines} />
-                )}
               </div>
-            </div>
-          </CardContent>
-        </Card>
+            </CardContent>
+          </Card>
+
+          {metaData.headlines && metaData.headlines.length > 0 && (
+            <Card className="w-full shadow-lg rounded-lg">
+              <CardHeader>
+                <CardTitle className="text-xl text-card-foreground">
+                  Headlines
+                </CardTitle>
+              </CardHeader>
+              <CardContent>
+                <HeadlinesDisplay headlines={metaData.headlines} />
+              </CardContent>
+            </Card>
+          )}
+        </div>
       )}
     </div>
   );
diff --git a/src/components/results-skeleton.tsx b/src/components/results-skeleton.tsx
index e129875..5067c07 100644
--- a/src/components/results-skeleton.tsx
+++ b/src/components/results-skeleton.tsx
@@ -5,76 +5,73 @@ import { Skeleton } from "@/components/ui/skeleton";
 
 export function ResultsSkeleton() {
   return (
-    <Card className="w-full shadow-lg rounded-lg">
-      <CardHeader>
-        <Skeleton className="h-6 w-48" />
-      </CardHeader>
-      <CardContent>
-        <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
-          <div className="space-y-6">
-            <div>
-              <Skeleton className="h-5 w-32 mb-2" />
-              <div className="p-4 border rounded-lg bg-muted/50 w-full">
-                <div className="flex items-center gap-2">
-                  <Skeleton className="w-7 h-7 rounded-full" />
-                  <div className="space-y-1.5">
-                    <Skeleton className="h-4 w-24" />
-                    <Skeleton className="h-3 w-40" />
+    <div className="space-y-6">
+      <Card className="w-full shadow-lg rounded-lg">
+        <CardHeader>
+          <Skeleton className="h-6 w-48" />
+        </CardHeader>
+        <CardContent>
+          <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
+            <div className="space-y-6">
+              <div>
+                <Skeleton className="h-5 w-32 mb-2" />
+                <div className="p-4 border rounded-lg bg-muted/50 w-full">
+                  <div className="flex items-center gap-2">
+                    <Skeleton className="w-7 h-7 rounded-full" />
+                    <div className="space-y-1.5">
+                      <Skeleton className="h-4 w-24" />
+                      <Skeleton className="h-3 w-40" />
+                    </div>
                   </div>
+                  <Skeleton className="h-6 w-full mt-3" />
+                  <Skeleton className="h-4 w-full mt-2" />
+                  <Skeleton className="h-4 w-3/4 mt-1.5" />
+                </div>
+              </div>
+              <div>
+                <Skeleton className="h-5 w-32 mb-2" />
+                <Skeleton className="aspect-video w-full rounded-md" />
+              </div>
+              <div>
+                <Skeleton className="h-5 w-40 mb-3" />
+                <div className="space-y-2">
+                  <Skeleton className="h-10 w-full" />
+                  <Skeleton className="h-10 w-full" />
                 </div>
-                <Skeleton className="h-6 w-full mt-3" />
-                <Skeleton className="h-4 w-full mt-2" />
-                <Skeleton className="h-4 w-3/4 mt-1.5" />
               </div>
             </div>
-            <div>
-              <Skeleton className="h-5 w-32 mb-2" />
-              <Skeleton className="aspect-video w-full rounded-md" />
-            </div>
-            <div>
-              <Skeleton className="h-5 w-40 mb-3" />
-              <div className="space-y-2">
-                <Skeleton className="h-10 w-full" />
-                <Skeleton className="h-10 w-full" />
+            <div className="space-y-6">
+              <div>
+                <div className="flex items-center justify-between mb-2">
+                  <Skeleton className="h-5 w-24" />
+                </div>
+                <Skeleton className="h-4 w-full mb-2" />
                 <Skeleton className="h-10 w-full" />
               </div>
+              <div>
+                <div className="flex items-center justify-between mb-2">
+                  <Skeleton className="h-5 w-36" />
+                </div>
+                <Skeleton className="h-4 w-full mb-2" />
+                <Skeleton className="h-24 w-full" />
+              </div>
             </div>
           </div>
-          <div className="space-y-6">
-            <div>
-              <div className="flex items-center justify-between mb-2">
-                <Skeleton className="h-5 w-24" />
-                <div className="flex items-center gap-2">
-                  <Skeleton className="h-8 w-8" />
-                  <Skeleton className="h-8 w-8" />
-                </div>
-              </div>
-              <Skeleton className="h-4 w-full mb-2" />
-              <Skeleton className="h-10 w-full" />
-            </div>
-            <div>
-              <div className="flex items-center justify-between mb-2">
-                <Skeleton className="h-5 w-36" />
-                <div className="flex items-center gap-2">
-                  <Skeleton className="h-8 w-8" />
-                  <Skeleton className="h-8 w-8" />
-                </div>
-              </div>
-              <Skeleton className="h-4 w-full mb-2" />
-              <Skeleton className="h-24 w-full" />
-            </div>
-            <div>
-              <Skeleton className="h-5 w-24 mb-2" />
-              <div className="border rounded-lg p-2 space-y-2">
-                <Skeleton className="h-8 w-full" />
-                <Skeleton className="h-8 w-full" />
-                <Skeleton className="h-8 w-full" />
-                <Skeleton className="h-8 w-full" />
-              </div>
-            </div>
+        </CardContent>
+      </Card>
+      <Card>
+        <CardHeader>
+          <Skeleton className="h-6 w-32" />
+        </CardHeader>
+        <CardContent>
+          <div className="border rounded-lg p-2 space-y-2">
+            <Skeleton className="h-8 w-full" />
+            <Skeleton className="h-8 w-full" />
+            <Skeleton className="h-8 w-full" />
+            <Skeleton className="h-8 w-full" />
           </div>
-        </div>
-      </CardContent>
-    </Card>
+        </CardContent>
+      </Card>
+    </div>
   );
 }
\ No newline at end of file