diff --git a/src/components/content/carousels/templates/DocumentTemplate.js b/src/components/content/carousels/templates/DocumentTemplate.js
index a8d43b5..ec5b386 100644
--- a/src/components/content/carousels/templates/DocumentTemplate.js
+++ b/src/components/content/carousels/templates/DocumentTemplate.js
@@ -67,7 +67,7 @@ export function DocumentTemplate({ document, isLesson, showMetaTags }) {
                     <ZapDisplay zapAmount={zapAmount} event={document} zapsLoading={zapsLoading && zapAmount === 0} />
                 </div>
             </div>
-            <CardHeader className="flex flex-row justify-between items-center p-4">
+            <CardHeader className="flex flex-row justify-between items-center p-4 border-b border-gray-700">
                 <div className="flex items-center gap-4">
                     <CardTitle className="text-xl sm:text-2xl text-[#f8f8ff]">{document.title}</CardTitle>
                 </div>
diff --git a/src/components/content/carousels/templates/VideoTemplate.js b/src/components/content/carousels/templates/VideoTemplate.js
index 149f4e9..fc75343 100644
--- a/src/components/content/carousels/templates/VideoTemplate.js
+++ b/src/components/content/carousels/templates/VideoTemplate.js
@@ -68,7 +68,7 @@ export function VideoTemplate({ video, isLesson, showMetaTags }) {
                     <ZapDisplay zapAmount={zapAmount} event={video} zapsLoading={zapsLoading && zapAmount === 0} />
                 </div>
             </div>
-            <CardHeader className="flex flex-row justify-between items-center p-4">
+            <CardHeader className="flex flex-row justify-between items-center p-4 border-b border-gray-700">
                 <div className="flex items-center gap-4">
                     <CardTitle className="text-xl sm:text-2xl text-[#f8f8ff]">{video.title}</CardTitle>
                 </div>