diff --git a/assets/css/twenty-twenty.scss b/assets/css/twenty-twenty.scss
index d651b9fd7a0..ea8049e40fa 100644
--- a/assets/css/twenty-twenty.scss
+++ b/assets/css/twenty-twenty.scss
@@ -481,7 +481,6 @@ a.reset_variations {
 .woocommerce-product-gallery {
 	max-width: 600px;
 	position: relative;
-	margin-bottom: 8rem;
 
 	figure {
 		margin: 0;
@@ -1553,6 +1552,10 @@ a.reset_variations {
 		font-family: $headings;
 	}
 
+	.woocommerce-product-gallery {
+		margin-bottom: 8rem;
+	}
+
 }
 
 @media only screen and (min-width: 1168px) {
@@ -1576,4 +1579,8 @@ a.reset_variations {
 		font-family: $headings;
 	}
 
+	.woocommerce-product-gallery {
+		margin-bottom: 8rem;
+	}
+
 }