diff --git a/app/src/components/AdressInputSelect.vue b/app/src/components/AdressInputSelect.vue
index 05380d1f..bdee3fff 100644
--- a/app/src/components/AdressInputSelect.vue
+++ b/app/src/components/AdressInputSelect.vue
@@ -33,3 +33,13 @@ export default {
   }
 }
 </script>
+
+<style lang="scss" scoped>
+.input-group-append ~ .input-group-append {
+  min-width: 40%;
+}
+select {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+</style>
diff --git a/app/src/scss/main.scss b/app/src/scss/main.scss
index 492869c0..a2134683 100644
--- a/app/src/scss/main.scss
+++ b/app/src/scss/main.scss
@@ -30,19 +30,9 @@ body {
   color: #333;
 }
 
-.input-group {
-  .input-group-append ~ .input-group-append {
-    min-width: 40%;
-  }
-
-  select {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  &.is-invalid ~ .invalid-feedback {
-    display: block;
-  }
+// Allow state of input group to be displayed under the group
+.input-group .is-invalid ~ .invalid-feedback {
+  display: block;
 }
 
 .col-form-label {