diff --git a/website/src/pages/Home/Watch/index.tsx b/website/src/pages/Home/Watch/index.tsx
index fb27d80860a..8e70fd74724 100644
--- a/website/src/pages/Home/Watch/index.tsx
+++ b/website/src/pages/Home/Watch/index.tsx
@@ -20,7 +20,7 @@ function Watch() {
         description={
           <>
             Watch talks by the React team and learn how to get the most out of
-            React Native. Find the latest on{' '}
+            React Native. <br /> Find the latest on{' '}
             <a href="https://twitter.com/intent/follow?screen_name=reactnative&region=follow_link">
               X
             </a>
diff --git a/website/src/pages/Home/Watch/styles.module.css b/website/src/pages/Home/Watch/styles.module.css
index 290895b302b..40a64fdada5 100644
--- a/website/src/pages/Home/Watch/styles.module.css
+++ b/website/src/pages/Home/Watch/styles.module.css
@@ -8,28 +8,46 @@
 .videos {
   display: grid;
   grid-template-columns: repeat(2, minmax(300px, 1fr));
-  gap: 1rem;
+  gap: 2rem;
   margin: 2rem auto;
 }
 
 .videoContainer {
-  border: 1px solid var(--home-border);
+  /* border: 1px solid var(--home-border); */
   border-radius: 12px;
   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.03);
   padding: 16px;
   display: flex;
   flex-direction: column;
   gap: 1rem;
-  max-width: 400px;
+  max-width: 500px;
   background: var(--home-background);
+  transition:
+    box-shadow 0.2s,
+    transform 0.2s;
 }
 
 .video {
   width: 100%;
-  height: 200px;
+  height: 240px;
   border-radius: 8px;
   border: 1px solid var(--home-border);
 }
+/* Hover effect for video container */
+.videoContainer:hover {
+  box-shadow:
+    0px 8px 24px rgba(0, 0, 0, 0.15),
+    0px 1.5px 8px rgba(0, 0, 0, 0.1);
+  transform: translateY(-4px) scale(1.05);
+}
+
+@media (prefers-color-scheme: light) {
+  .videoContainer:hover {
+    box-shadow:
+      0px 8px 24px rgba(0, 0, 0, 0.1),
+      0px 1.5px 8px rgba(0, 0, 0, 0.08);
+  }
+}
 
 .videoInfo {
   display: flex;