From 760b3c017c98a65b550ac1ccfc8e3b374c77106b Mon Sep 17 00:00:00 2001
From: ysds <ysds.code@gmail.com>
Date: Fri, 31 May 2019 13:16:42 +0900
Subject: [PATCH] Fix position of browser default validation message

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

diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index 86edabaa16b1..1f1b5da4e3e5 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 {