From 561d65b14f2608730fd04562d05826ca548b7a26 Mon Sep 17 00:00:00 2001
From: Kjell Reigstad <kjell@kjellr.com>
Date: Wed, 9 Dec 2020 12:09:02 -0500
Subject: [PATCH] Adjust mobile margins for the Query block's grid view

---
 packages/block-library/src/query-loop/style.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/block-library/src/query-loop/style.scss b/packages/block-library/src/query-loop/style.scss
index 40413f4041a27d..676040b147ebbd 100644
--- a/packages/block-library/src/query-loop/style.scss
+++ b/packages/block-library/src/query-loop/style.scss
@@ -13,11 +13,15 @@
 		flex-wrap: wrap;
 
 		li {
-			margin: 0 1.25em 1.25em 0;
+			margin: 0 0 1.25em 0;
 			width: 100%;
 		}
 
 		@include break-small {
+			li {
+				margin-right: 1.25em;
+			}
+
 			@for $i from 2 through 6 {
 				&.is-flex-container.columns-#{ $i } > li {
 					width: calc((100% / #{ $i }) - 1.25em + (1.25em / #{ $i }));