1 files changed, 4 insertions, 3 deletions
diff --git a/apps/web/components/dashboard/preview/HighlightsBox.tsx b/apps/web/components/dashboard/preview/HighlightsBox.tsx
index af065a9d..4da22d04 100644
--- a/apps/web/components/dashboard/preview/HighlightsBox.tsx
+++ b/apps/web/components/dashboard/preview/HighlightsBox.tsx
@@ -1,3 +1,4 @@
+import { Fragment } from "react";
 import {
   Collapsible,
   CollapsibleContent,
@@ -28,10 +29,10 @@ export default function HighlightsBox({ bookmarkId }: { bookmarkId: string }) {
       </CollapsibleTrigger>
       <CollapsibleContent className="group flex flex-col py-3 text-sm">
         {highlights.highlights.map((highlight) => (
-          <>
-            <HighlightCard key={highlight.id} highlight={highlight} clickable />
+          <Fragment key={highlight.id}>
+            <HighlightCard highlight={highlight} clickable />
             <Separator className="m-2 h-0.5 bg-gray-200 last:hidden" />
-          </>
+          </Fragment>
         ))}
       </CollapsibleContent>
     </Collapsible>