diff --git a/src/components/Connection/connectionFormLogin.scss b/src/components/Connection/connectionFormLogin.scss
index 236292eb83b4c12ea665af1dc54c75b759d12d9d..67ea4e5e07d329b7103e49a70d0dc69ed3bdd610 100644
--- a/src/components/Connection/connectionFormLogin.scss
+++ b/src/components/Connection/connectionFormLogin.scss
@@ -21,9 +21,9 @@
 }
 
 .form {
-  margin: 0 1.5rem;
+  margin: 0 1.3rem 1rem;
   @media #{$large-phone} {
-    margin: 0;
+    margin: 0 0 0.25rem;
   }
   .form-info-provider{
     padding: 0;
diff --git a/src/components/Connection/connectionFormOAuth.scss b/src/components/Connection/connectionFormOAuth.scss
index 4c88ac112dd4d6fee1ca0675a17bff5ba9de88ea..b3e52680d436a1b91eba518911ac6233b419844b 100644
--- a/src/components/Connection/connectionFormOAuth.scss
+++ b/src/components/Connection/connectionFormOAuth.scss
@@ -2,9 +2,9 @@
 @import 'src/styles/base/breakpoint';
 
 .koauthform {
-  margin: 0 1.5rem;
+  margin: 0 1.3rem 1rem;
   @media #{$large-phone} {
-    margin: 0;
+    margin: 0 0 0.25rem;
   }
   .koauthform-info-provider {
     padding: 0;
@@ -21,7 +21,6 @@
     padding-top: 0.5rem;
   }
   .koauthform-button {
-    margin-bottom: 1rem;
     button.btn-highlight {
       padding: 0.5rem;
     }
diff --git a/src/components/Connection/connectionResult.scss b/src/components/Connection/connectionResult.scss
index f2ccee31b167a89c199bfffd61ad877a2cd84ba2..6c37d89c67251f6bb7fb995bb6504b27c7dda219 100644
--- a/src/components/Connection/connectionResult.scss
+++ b/src/components/Connection/connectionResult.scss
@@ -3,9 +3,9 @@
 
 .connection-update-result {
   flex: 1;
-  margin: 0 1.3rem;
+  margin: 0 1.3rem 1rem;
   @media #{$tablet} {
-    margin: 0;
+    margin: 0 0 0.25rem;
   }
   .connection-update-errored {
     background-color: $red-primary;
diff --git a/src/components/Options/profileTypeOptions.scss b/src/components/Options/profileTypeOptions.scss
index 8850487cc79ff1788a635946a842972e4152791c..35aa6afa5cf8fc4baa27e88c1adfbd3ee127f280 100644
--- a/src/components/Options/profileTypeOptions.scss
+++ b/src/components/Options/profileTypeOptions.scss
@@ -39,9 +39,9 @@
     flex-direction: column;
     flex-wrap: wrap;
     width: 100%;
-    margin: 0 1.5rem;
+    margin: 0 1.3rem 1rem;
     @media #{$large-phone} {
-      margin: 0;
+      margin: 0 0 0.25rem;
     }
   }
   .fields {
diff --git a/src/styles/components/_expansion-panel.scss b/src/styles/components/_expansion-panel.scss
index 71c4da2ff7c697dddc58cbb7ab73efc30484e002..fc97f5522cb6d38c761d68c0fa563836126b948a 100644
--- a/src/styles/components/_expansion-panel.scss
+++ b/src/styles/components/_expansion-panel.scss
@@ -5,6 +5,9 @@ div.expansion-panel-root{
   color: $grey-bright;
   background: $grey-linear-gradient-background;
   border-radius: 4px;
+  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);
+  transition: background-color 0.6s ease;
+  box-sizing: border-box;
   &.Mui-expanded:first-child {
     margin: 1.2rem 0;
   }