diff --git a/src/styles/components/_form.scss b/src/styles/components/_form.scss
index 837dd5323a6b8ea99d24e5233e08045ade837ccc..7a32dca36a751e7a0e245d14ff30290a5ecfb4ac 100644
--- a/src/styles/components/_form.scss
+++ b/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;
diff --git a/src/styles/components/_konnector.scss b/src/styles/components/_konnector.scss
index c4d92d32517d306eb9bab48666b60153fa8a5754..34849923614100e5ac906773a6739b3fedc1e94b 100644
--- a/src/styles/components/_konnector.scss
+++ b/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;