From 31d5ceb072c5e339d7a91e7249efbdb92c97a550 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alba=20Rinc=C3=B3n?= <albarin@users.noreply.github.com>
Date: Fri, 11 Aug 2023 16:08:26 +0200
Subject: [PATCH] Fix the `on sale` badge for product blocks (#10550)

* Fix the `on sale` badge for product blocks

* Fix in the editor
---
 assets/css/editor.scss | 4 ++++
 assets/css/style.scss  | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/assets/css/editor.scss b/assets/css/editor.scss
index 8ed065aded1..b721f90811c 100644
--- a/assets/css/editor.scss
+++ b/assets/css/editor.scss
@@ -8,6 +8,10 @@
 
 			.wc-block-grid__product {
 				margin: 0 0 $gap-large 0;
+
+				.wc-block-grid__product-onsale {
+					position: absolute;
+				}
 			}
 		}
 
diff --git a/assets/css/style.scss b/assets/css/style.scss
index c1f78af42f6..a4810fb9c9e 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -139,7 +139,7 @@
 		}
 	}
 }
-.wc-block-grid__product-onsale {
+.wc-block-grid .wc-block-grid__product-onsale {
 	@include font-size(small);
 	padding: em($gap-smallest) em($gap-small);
 	display: inline-block;