Fix order confirmation page styles (#40666)

* Fix order confirmation page styles

* Fix order confirmation page styles

* Add changelog file

plugins/woocommerce/changelog/fix-order-confirmation-page-styles

@@ -0,0 +1,4 @@
+Significance: minor
+Type: fix
+
+Fixed styling of list items on the order confirmation page when using a block theme.

plugins/woocommerce/client/legacy/css/twenty-twenty-three.scss

@@ -978,20 +978,6 @@ ul.wc-tabs {
 		margin-bottom: var(--wp--style--block-gap);
 	}
 
-	// Improves the presentation of order overview (order #, date, email, etc, not the line items) on the Thank you page.
-	ul.woocommerce-order-overview {
-
-		li {
-			display: inline;
-			text-transform: uppercase;
-
-			strong {
-				text-transform: none;
-				display: block;
-			}
-		}
-	}
-
 	// Bottom section of the Thank you page---customer details: align, add border, make it look nice.
 	.woocommerce-customer-details {
 		address {

plugins/woocommerce/client/legacy/css/twenty-twenty-two.scss

@@ -1015,19 +1015,6 @@ ul.wc-tabs {
 		margin-bottom: var(--wp--style--block-gap);
 	}
 
-	ul.woocommerce-order-overview {
-
-		li {
-			display: inline;
-			text-transform: uppercase;
-
-			strong {
-				text-transform: none;
-				display: block;
-			}
-		}
-	}
-
 	.woocommerce-customer-details {
 		address {
 			border: 1px solid var(--wp--preset--color--black);

plugins/woocommerce/client/legacy/css/woocommerce-blocktheme.scss

@@ -360,6 +360,13 @@ a.added_to_cart {
 			flex-grow: 1;
 			margin-bottom: 1rem;
 			border: none;
+			display: inline;
+			text-transform: uppercase;
+
+			strong {
+				text-transform: none;
+				display: block;
+			}
 		}
 	}