diff --git a/apps/web/components/Login.module.scss b/apps/web/components/Login.module.scss
index 46e878c..bbdcb8d 100644
--- a/apps/web/components/Login.module.scss
+++ b/apps/web/components/Login.module.scss
@@ -29,7 +29,7 @@ $layout-breakpoint-desktop: 768px;
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: $layout-breakpoint-desktop) {
   .login {
     box-shadow: 4px 5px 17px -11px rgba(0, 0, 0, 0.75);
     height: 320px;