From af3a587acaf641007c410e61579eeefe4836e8d7 Mon Sep 17 00:00:00 2001
From: Mohamed Bassem <me@mbassem.com>
Date: Mon, 19 Jan 2026 00:29:47 +0000
Subject: fix(ui): Improve visual consistency in all lists and highlights page

---
 apps/web/app/dashboard/highlights/page.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'apps/web/app/dashboard/highlights')

diff --git a/apps/web/app/dashboard/highlights/page.tsx b/apps/web/app/dashboard/highlights/page.tsx
index 5945de00..ed0b16c0 100644
--- a/apps/web/app/dashboard/highlights/page.tsx
+++ b/apps/web/app/dashboard/highlights/page.tsx
@@ -1,6 +1,5 @@
 import type { Metadata } from "next";
 import AllHighlights from "@/components/dashboard/highlights/AllHighlights";
-import { Separator } from "@/components/ui/separator";
 import { useTranslation } from "@/lib/i18n/server";
 import { api } from "@/server/api/client";
 import { Highlighter } from "lucide-react";
@@ -18,13 +17,14 @@ export default async function HighlightsPage() {
   const { t } = await useTranslation();
   const highlights = await api.highlights.getAll({});
   return (
-    <div className="flex flex-col gap-8 rounded-md border bg-background p-4">
-      <span className="flex items-center gap-1 text-2xl">
-        <Highlighter className="size-6" />
-        {t("common.highlights")}
-      </span>
-      <Separator />
-      <AllHighlights highlights={highlights} />
+    <div className="flex flex-col gap-4">
+      <div className="flex items-center">
+        <Highlighter className="mr-2" />
+        <p className="text-2xl">{t("common.highlights")}</p>
+      </div>
+      <div className="flex flex-col gap-8 rounded-md border bg-background p-4">
+        <AllHighlights highlights={highlights} />
+      </div>
     </div>
   );
 }
-- 
cgit v1.2.3-70-g09d2