diff --git a/src/components/ThumbnailPreview.tsx b/src/components/PreviewCard.tsx
similarity index 92%
rename from src/components/ThumbnailPreview.tsx
rename to src/components/PreviewCard.tsx
index 5e86ddf..415df02 100644
--- a/src/components/ThumbnailPreview.tsx
+++ b/src/components/PreviewCard.tsx
@@ -172,10 +172,10 @@ export default function ThumbnailPreview(props: Props): JSX.Element {
               ))}
             </div>
           )}
-          <div>
-            {pre_title && <p>{pre_title}</p>}
-            {title && <h1 className="text-lg">{title}</h1>}
-            {subtitle && <h2>{subtitle}</h2>}
+          <div className="my-1">
+            {pre_title && <p className="leading-none mb-1">{pre_title}</p>}
+            {title && <p className="font-headers text-lg leading-none">{title}</p>}
+            {subtitle && <p className="leading-none">{subtitle}</p>}
           </div>
           {description && <p>{description}</p>}
           {bottomChips && bottomChips.length > 0 && (
diff --git a/src/components/PreviewLine.tsx b/src/components/PreviewLine.tsx
index fc524d8..e039450 100644
--- a/src/components/PreviewLine.tsx
+++ b/src/components/PreviewLine.tsx
@@ -47,10 +47,12 @@ export default function PreviewLine(props: Props): JSX.Element {
               ))}
             </div>
           )}
-          <div className="flex flex-col">
-            {pre_title && <p>{pre_title}</p>}
-            {title && <h1 className="text-lg">{title}</h1>}
-            {subtitle && <h2>{subtitle}</h2>}
+          <div className="flex flex-col my-1">
+            {pre_title && <p className="leading-none mb-1">{pre_title}</p>}
+            {title && (
+              <p className="font-headers text-lg leading-none">{title}</p>
+            )}
+            {subtitle && <p className="leading-none">{subtitle}</p>}
           </div>
           {bottomChips && bottomChips.length > 0 && (
             <div className="grid grid-flow-col gap-1 overflow-hidden place-content-start">
diff --git a/src/pages/archives/videos/c/[uid].tsx b/src/pages/archives/videos/c/[uid].tsx
index 3e3194d..9cdb88c 100644
--- a/src/pages/archives/videos/c/[uid].tsx
+++ b/src/pages/archives/videos/c/[uid].tsx
@@ -8,7 +8,7 @@ import ContentPanel, {
 } from "components/Panels/ContentPanel";
 import SubPanel from "components/Panels/SubPanel";
 import Switch from "components/Switch";
-import ThumbnailPreview from "components/ThumbnailPreview";
+import ThumbnailPreview from "components/PreviewCard";
 import { GetVideoChannelQuery } from "graphql/generated";
 import { getReadySdk } from "graphql/sdk";
 import {
diff --git a/src/pages/archives/videos/index.tsx b/src/pages/archives/videos/index.tsx
index 156e79a..d661e0b 100644
--- a/src/pages/archives/videos/index.tsx
+++ b/src/pages/archives/videos/index.tsx
@@ -9,7 +9,7 @@ import ContentPanel, {
 } from "components/Panels/ContentPanel";
 import SubPanel from "components/Panels/SubPanel";
 import Switch from "components/Switch";
-import ThumbnailPreview from "components/ThumbnailPreview";
+import ThumbnailPreview from "components/PreviewCard";
 import { GetVideosPreviewQuery } from "graphql/generated";
 import { getReadySdk } from "graphql/sdk";
 import { GetStaticPropsContext } from "next";
diff --git a/src/pages/contents/index.tsx b/src/pages/contents/index.tsx
index dd95b0b..1967461 100644
--- a/src/pages/contents/index.tsx
+++ b/src/pages/contents/index.tsx
@@ -7,7 +7,7 @@ import ContentPanel, {
 import SubPanel from "components/Panels/SubPanel";
 import Select from "components/Select";
 import Switch from "components/Switch";
-import ThumbnailPreview from "components/ThumbnailPreview";
+import ThumbnailPreview from "components/PreviewCard";
 import { GetContentsQuery } from "graphql/generated";
 import { getReadySdk } from "graphql/sdk";
 import { GetStaticPropsContext } from "next";
diff --git a/src/pages/library/[slug]/index.tsx b/src/pages/library/[slug]/index.tsx
index b1e4fb9..f09d553 100644
--- a/src/pages/library/[slug]/index.tsx
+++ b/src/pages/library/[slug]/index.tsx
@@ -14,7 +14,7 @@ import ContentPanel, {
 } from "components/Panels/ContentPanel";
 import SubPanel from "components/Panels/SubPanel";
 import Switch from "components/Switch";
-import ThumbnailPreview from "components/ThumbnailPreview";
+import ThumbnailPreview from "components/PreviewCard";
 import { useAppLayout } from "contexts/AppLayoutContext";
 import {
   Enum_Componentmetadatabooks_Binding_Type,
diff --git a/src/pages/library/index.tsx b/src/pages/library/index.tsx
index 9fdd54b..1fb77a1 100644
--- a/src/pages/library/index.tsx
+++ b/src/pages/library/index.tsx
@@ -7,7 +7,7 @@ import ContentPanel, {
 import SubPanel from "components/Panels/SubPanel";
 import Select from "components/Select";
 import Switch from "components/Switch";
-import ThumbnailPreview from "components/ThumbnailPreview";
+import ThumbnailPreview from "components/PreviewCard";
 import { GetLibraryItemsPreviewQuery } from "graphql/generated";
 import { getReadySdk } from "graphql/sdk";
 import { GetStaticPropsContext } from "next";
diff --git a/src/pages/news/index.tsx b/src/pages/news/index.tsx
index c0f60c8..020fe1f 100644
--- a/src/pages/news/index.tsx
+++ b/src/pages/news/index.tsx
@@ -5,7 +5,7 @@ import ContentPanel, {
 } from "components/Panels/ContentPanel";
 import SubPanel from "components/Panels/SubPanel";
 import Switch from "components/Switch";
-import ThumbnailPreview from "components/ThumbnailPreview";
+import ThumbnailPreview from "components/PreviewCard";
 import { GetPostsPreviewQuery } from "graphql/generated";
 import { getReadySdk } from "graphql/sdk";
 import { GetStaticPropsContext } from "next";