diff --git a/src/containers/dialogs/LoginDialog/styles.scss b/src/containers/dialogs/LoginDialog/styles.scss
index 85f87163..773b2921 100644
--- a/src/containers/dialogs/LoginDialog/styles.scss
+++ b/src/containers/dialogs/LoginDialog/styles.scss
@@ -7,7 +7,7 @@ $vk_color: $secondary_color;
   display: flex;
   align-items: flex-start;
   justify-content: center;
-  padding: $gap $gap 30px $gap;
+  padding: $login_dialog_padding;
 
   button {
     text-align: left;
diff --git a/src/containers/dialogs/LoginSocialRegisterDialog/styles.scss b/src/containers/dialogs/LoginSocialRegisterDialog/styles.scss
index 1817d817..93c53f64 100644
--- a/src/containers/dialogs/LoginSocialRegisterDialog/styles.scss
+++ b/src/containers/dialogs/LoginSocialRegisterDialog/styles.scss
@@ -1,3 +1,3 @@
 .wrap {
-  padding: $gap $gap 30px $gap;
+  padding: $login_dialog_padding;
 }
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index 7edc2ddd..300317b2 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -77,6 +77,8 @@ $input_shadow: inset transparentize(white, 0.9) 0 0 0 1px;
 $input_shadow_error: inset $red 0 0 0 1px;
 $input_shadow_filled: $input_shadow;
 
+$login_dialog_padding: $gap $gap 30px $gap;
+
 @mixin outer_shadow() {
   box-shadow: inset transparentize(white, 0.95) 0 1px, transparentize(black, 0.8) -1px -1px;
 }