diff --git a/frappe/public/scss/page-builder.scss b/frappe/public/scss/page-builder.scss
index cda0674af8..0e910ebc6b 100644
--- a/frappe/public/scss/page-builder.scss
+++ b/frappe/public/scss/page-builder.scss
@@ -283,7 +283,7 @@
 	margin-top: 2rem;
 }
 
-.image-grid {
+.section-image-grid {
 	display: flex;
 	flex-wrap: wrap;
 	width: 100%;
@@ -331,4 +331,4 @@
 			}
 		}
 	}
-}
\ No newline at end of file
+}
diff --git a/frappe/website/web_template/section_with_image_grid/section_with_image_grid.html b/frappe/website/web_template/section_with_image_grid/section_with_image_grid.html
index f60c0e0756..da45494ed8 100644
--- a/frappe/website/web_template/section_with_image_grid/section_with_image_grid.html
+++ b/frappe/website/web_template/section_with_image_grid/section_with_image_grid.html
@@ -2,7 +2,7 @@
 	<h2 class="section-title">{{ title }}</h2>
 	<p class="section-description">{{ subtitle }}</p>
 
-	<div class="image-grid">
+	<div class="section-image-grid">
 		{%- for index in ['1', '2', '3', '4'] -%}
 			{%- set image = values['image_' + index ] -%}
 			{%- set class = "narrow" if index in ['1', '4'] else "wide" -%}
@@ -15,4 +15,4 @@
 			{%- endif -%}
 		{%- endfor -%}
 	</div>
-</div>
\ No newline at end of file
+</div>