From a20513b9196e8cb16395c81804c6dfa89976284a Mon Sep 17 00:00:00 2001
From: barryhughes <3594411+barryhughes@users.noreply.github.com>
Date: Wed, 12 Jan 2022 16:18:23 -0800
Subject: [PATCH] Basis of overlay used when processing Twenty Twenty-Two
 checkout.

---
 plugins/woocommerce/legacy/css/twenty-twenty-two.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/plugins/woocommerce/legacy/css/twenty-twenty-two.scss b/plugins/woocommerce/legacy/css/twenty-twenty-two.scss
index 5f584467e37..25ff24cfbc9 100644
--- a/plugins/woocommerce/legacy/css/twenty-twenty-two.scss
+++ b/plugins/woocommerce/legacy/css/twenty-twenty-two.scss
@@ -855,6 +855,8 @@ $tt2-gray: #f7f7f7;
 	}
 
 	.woocommerce-checkout {
+		display: table;
+
 		h3 {
 			font-family: inherit;
 			font-size: var(--wp--preset--font-size--normal);
@@ -866,6 +868,11 @@ $tt2-gray: #f7f7f7;
 			float: right;
 		}
 
+		.blockUI.blockOverlay {
+			position: relative;
+			@include loader();
+		}
+
 		#customer_details {
 			width: 53%;
 			float: left;