diff --git a/plugins/woocommerce/client/legacy/css/twenty-twenty-one.scss b/plugins/woocommerce/client/legacy/css/twenty-twenty-one.scss
index 903ccaccb67..9a15b36cadb 100644
--- a/plugins/woocommerce/client/legacy/css/twenty-twenty-one.scss
+++ b/plugins/woocommerce/client/legacy/css/twenty-twenty-one.scss
@@ -3050,6 +3050,20 @@ a.reset_variations {
 	}
 }
 
+@media only screen and (max-width: 768px) {
+	.woocommerce-message,
+	.woocommerce-error li,
+	.woocommerce-info {
+		padding: 1rem 1.5rem;
+
+		.button {
+			margin-left: 10px;
+			min-width: 100px;
+			padding: 10px 15px !important;
+		}
+	}
+}
+
 .woocommerce-info {
 	border-top-color: var( --wc-blue );
 }