From b165aff2f779c831efd8b3484e3ea7bc1c8f8eb4 Mon Sep 17 00:00:00 2001
From: Shohei Yoshida <ysds.code@gmail.com>
Date: Tue, 18 Jun 2019 01:08:06 +0900
Subject: [PATCH] Fix position of browser default validation message (#28852)

---
 scss/_custom-forms.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index 86edabaa16..1f1b5da4e3 100644
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -21,7 +21,10 @@
 
 .custom-control-input {
   position: absolute;
+  left: 0;
   z-index: -1; // Put the input behind the label so it doesn't overlay text
+  width: $custom-control-indicator-size;
+  height: ($font-size-base * $line-height-base + $custom-control-indicator-size) / 2;
   opacity: 0;
 
   &:checked ~ .custom-control-label::before {