Use `display: block;` for form elements

diff --git a/scss/forms/_form-file.scss b/scss/forms/_form-file.scss
index 39d3448af2a42ad2db9e47ca85ce23e8b981e6b5..500591cab47606f18449f048bf1ccc4520ff88b0 100644 (file)
--- a/scss/forms/_form-file.scss
+++ b/scss/forms/_form-file.scss
@@ -1,9 +1,6 @@
 .form-file {
   position: relative;
-  display: inline-block;
-  width: 100%;
   height: $form-file-height;
-  margin-bottom: 0;
 }
 
 .form-file-input {

diff --git a/scss/forms/_form-select.scss b/scss/forms/_form-select.scss
index cd4c1d699da5263cc4d9ce0489550a91dc9c3f64..fa3206881078d3e96b5d60995ccf1ae4438f8b1a 100644 (file)
--- a/scss/forms/_form-select.scss
+++ b/scss/forms/_form-select.scss
@@ -4,7 +4,7 @@
 // https://primer.github.io/.
 
 .form-select {
-  display: inline-block;
+  display: block;
   width: 100%;
   height: $form-select-height;
   padding: $form-select-padding-y ($form-select-padding-x + $form-select-indicator-padding) $form-select-padding-y $form-select-padding-x;