From 98295006774a9bfdeaad452dd16db31fe1f837a6 Mon Sep 17 00:00:00 2001
From: Jason Crist <jcrist@pbking.com>
Date: Fri, 10 Dec 2021 08:20:18 -0500
Subject: [PATCH] Fix post comment form input width (#37238)

* Applied width:100% and border-box to input elements of post comment form.

* Applied the same element styles to post-comments block as was applied to post-comments-form block
---
 .../block-library/src/post-comments-form/style.scss  | 12 +++++++-----
 packages/block-library/src/post-comments/style.scss  | 10 +++++++---
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/packages/block-library/src/post-comments-form/style.scss b/packages/block-library/src/post-comments-form/style.scss
index 43a6007424d35..3df620b80f9b8 100644
--- a/packages/block-library/src/post-comments-form/style.scss
+++ b/packages/block-library/src/post-comments-form/style.scss
@@ -41,13 +41,15 @@
 		padding: calc(0.667em + 2px); // The extra 2px is added to match outline buttons.
 	}
 
-	.comment-form-comment textarea {
-		display: block;
-		box-sizing: border-box;
-		width: 100%;
+	.comment-form {
+		textarea,
+		input:not([type="submit"]):not([type="checkbox"]) {
+			display: block;
+			box-sizing: border-box;
+			width: 100%;
+		}
 	}
 
-	.comment-form-comment,
 	.comment-form-author,
 	.comment-form-email,
 	.comment-form-url {
diff --git a/packages/block-library/src/post-comments/style.scss b/packages/block-library/src/post-comments/style.scss
index 0cdfb9e093503..8f72ab3ebc855 100644
--- a/packages/block-library/src/post-comments/style.scss
+++ b/packages/block-library/src/post-comments/style.scss
@@ -64,9 +64,13 @@
 		}
 	}
 
-	.comment-form-comment textarea {
-		box-sizing: border-box;
-		width: 100%;
+	.comment-form {
+		textarea,
+		input:not([type="submit"]):not([type="checkbox"]) {
+			display: block;
+			box-sizing: border-box;
+			width: 100%;
+		}
 	}
 
 	.comment-form-cookies-consent {