diff --git a/templates/login.html b/templates/login.html
index a81e8b7..6973c88 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -1,28 +1,13 @@
 {% extends "base.html" %}
 {% block head %}
 <style>
-  /* Poprawiona responsywność i centrowanie */
+@media (min-width: 577px) and (min-height: 600px) {
   .full-height-row {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    min-height: 100vh;
-    padding-top: 2rem;
-  }
-
-  @media (max-width: 768px) {
-    .full-height-row {
-      min-height: auto;
-      padding-top: 1rem;
-      padding-bottom: 1rem;
-    }
-  }
-
-  .card {
-    width: 100%;
-    max-width: 420px;
-    margin: auto;
+    min-height: calc(100vh - 56px) !important;
+    align-items: flex-start;
+    padding-top: 15%; /* lub inna wartość, która odpowiada Twoim potrzebom */
   }
+}
 </style>
 {% endblock %}
 {% block content %}
diff --git a/templates/register.html b/templates/register.html
index 7d416d7..735d647 100644
--- a/templates/register.html
+++ b/templates/register.html
@@ -1,28 +1,13 @@
 {% extends "base.html" %}
 {% block head %}
 <style>
-  /* Poprawiona responsywność i centrowanie */
+@media (min-width: 577px) and (min-height: 600px) {
   .full-height-row {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    min-height: 100vh;
-    padding-top: 2rem;
-  }
-
-  @media (max-width: 768px) {
-    .full-height-row {
-      min-height: auto;
-      padding-top: 1rem;
-      padding-bottom: 1rem;
-    }
-  }
-
-  .card {
-    width: 100%;
-    max-width: 420px;
-    margin: auto;
+    min-height: calc(100vh - 56px) !important;
+    align-items: flex-start;
+    padding-top: 15%; /* lub inna wartość, która odpowiada Twoim potrzebom */
   }
+}
 </style>
 {% endblock %}
 {% block content %}