diff --git a/src/styles/desktop/global.scss b/src/styles/desktop/global.scss
index c0dacb81..ae72b455 100644
--- a/src/styles/desktop/global.scss
+++ b/src/styles/desktop/global.scss
@@ -98,6 +98,12 @@ input[type=number] {
     background-color: rgb(var(--v-theme-surface));
 }
 
+@media (max-width: 959px) and (max-height: 669px) {
+    .auth-card {
+        padding-top: 64px !important;
+    }
+}
+
 .auth-img-footer {
     position: absolute;
     inset-block-end: 0;
diff --git a/src/views/desktop/LoginPage.vue b/src/views/desktop/LoginPage.vue
index 70fdf054..386c4442 100644
--- a/src/views/desktop/LoginPage.vue
+++ b/src/views/desktop/LoginPage.vue
@@ -19,7 +19,7 @@
                 </div>
             </v-col>
             <v-col cols="12" md="4" class="auth-card d-flex align-center justify-center">
-                <v-card variant="flat" class="mt-12 mt-sm-0 pa-4" max-width="500">
+                <v-card variant="flat" class="mt-0 pa-4" max-width="500">
                     <v-card-text>
                         <h5 class="text-h5 mb-3">{{ $t('Welcome to ezBookkeeping') }}</h5>
                         <p class="mb-0">{{ $t('Please log in with your ezBookkeeping account') }}</p>