From f6f840b9e248aec8a161f3371bccc30644c70e0f Mon Sep 17 00:00:00 2001
From: Vader069 <ritwik190206@gmail.com>
Date: Sun, 25 Oct 2026 14:32:42 +0530
Subject: [PATCH] fix(ui): prevent hover highlight overflow on video text
 elements

---
 src/components/Layout/HomeContent.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js
index f9b785db420..466a7ed5a5f 100644
--- a/src/components/Layout/HomeContent.js
+++ b/src/components/Layout/HomeContent.js
@@ -1587,13 +1587,13 @@ function Video({video}) {
         data-hover="a">
         <h3
           className={cn(
-            'text-base leading-tight text-primary font-bold',
+            'text-base leading-tight text-primary font-bold w-fit',
             video.url && 'group-hover:underline'
           )}
           data-hover="h3">
           {video.title}
         </h3>
-        <p className="text-tertiary text-sm leading-snug" data-hover="p">
+        <p className="text-tertiary text-sm leading-snug w-fit" data-hover="p">
           {video.description}
         </p>
       </a>