red border on button + adjust padding

src/styles/components/_form.scss

@@ -2,9 +2,9 @@
 @import '../base/breakpoint';
 
 .form {
-  padding: 1vh 1.5vw;
+  padding: 1rem;
   @media #{$large-phone} {
-    padding: 1vh 0;
+    padding: 1rem;
   }
   label {
     font-style: normal;

src/styles/components/_konnector.scss

@@ -100,8 +100,8 @@
   }
 }
 .--errored {
-    border: solid 1px $red-primary;
-  }
+  border: solid 1px $red-primary;
+}
 
 .kv-root {
   display: flex;
@@ -140,8 +140,10 @@
 // KonnectorOAuthForm
 .koauthform {
   margin: 0 1.5rem;
+  padding: 0 1rem;
   @media #{$large-phone} {
     margin: 0;
+    padding: 0 1rem;
   }
   .koauthform-text {
     color: $text-bright;
@@ -163,7 +165,6 @@
   }
 }
 
-
 // KonnectorLoading
 .klaunch-content {
   margin: 0.5rem 1.5rem;