diff --git a/frappe/public/scss/website/page_builder.scss b/frappe/public/scss/website/page_builder.scss
index 5166e65394..a2fea33765 100644
--- a/frappe/public/scss/website/page_builder.scss
+++ b/frappe/public/scss/website/page_builder.scss
@@ -700,11 +700,14 @@
 	margin-top: 2rem;
 }
 
+.section-video-wrapper {
+	margin-bottom: 1rem;
+}
+
 .section-video {
     aspect-ratio: 16 / 9;
     width: 100%;
     cursor: pointer;
-	margin-bottom: 1rem;
 }
 
 .video-thumbnail {
diff --git a/frappe/website/js/website.js b/frappe/website/js/website.js
index 9a01b41a91..27d5277fdd 100644
--- a/frappe/website/js/website.js
+++ b/frappe/website/js/website.js
@@ -426,7 +426,7 @@ $.extend(frappe, {
 	},
 	setup_videos: () => {
 		// converts video images into youtube embeds (via Page Builder)
-		$('.section-video').on('click', (e) => {
+		$('.section-video-wrapper').on('click', (e) => {
 			let $video = $(e.currentTarget);
 			let id = $video.data('youtubeId');
 			console.log(id);
diff --git a/frappe/website/web_template/section_with_videos/section_with_videos.html b/frappe/website/web_template/section_with_videos/section_with_videos.html
index f464b39db0..369d469e87 100644
--- a/frappe/website/web_template/section_with_videos/section_with_videos.html
+++ b/frappe/website/web_template/section_with_videos/section_with_videos.html
@@ -9,7 +9,7 @@
 	<div class="section-features" data-columns="{{ columns or 3 }}">
 		{%- for video in videos -%}
 		<div class="section-feature">
-            <div class="section-video" data-youtube-id="{{ video.youtube_id }}">
+            <div class="section-video-wrapper" data-youtube-id="{{ video.youtube_id }}">
                 <img class="video-thumbnail" src="https://i.ytimg.com/vi/{{ video.youtube_id }}/sddefault.jpg">
             </div>
             {%- if video.title -%}