diff --git a/templates/base.html b/templates/base.html
index 0a681fe..77b531c 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -11,7 +11,7 @@
   {% endif %}
   <link href="{{ url_for('static_bp.serve_css_lib', filename='bootstrap.min.css') }}" rel="stylesheet">
 </head>
-<body class="bg-dark text-white">
+<body class="bg-dark text-white d-flex flex-column min-vh-100">
 
 <nav class="navbar navbar-dark bg-dark mb-3">
   <div class="container-fluid">
@@ -52,7 +52,7 @@
 </nav>
 
 
-<div class="container px-2">
+<div class="container px-2 flex-fill d-flex flex-column">
   {% block content %}{% endblock %}
 </div>
 
diff --git a/templates/login.html b/templates/login.html
index 5fe8518..fb496c5 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -1,21 +1,21 @@
 {% extends 'base.html' %}
 {% block title %}Logowanie{% endblock %}
 {% block content %}
-<div class="d-flex justify-content-between align-items-center flex-wrap mb-4">
-  <h2 class="mb-2">🔒 Logowanie</h2>
-</div>
 
-<div class="card bg-dark text-white">
-  <div class="card-body">
-    <form method="post">
-      <div class="mb-3">
-        <input type="text" name="username" placeholder="Login" class="form-control bg-dark text-white border-secondary rounded" required>
-      </div>
-      <div class="mb-3">
-        <input type="password" name="password" placeholder="Hasło" class="form-control bg-dark text-white border-secondary rounded" required>
-      </div>
-      <button type="submit" class="btn btn-success w-100">🔑 Zaloguj</button>
-    </form>
+<div class="d-flex justify-content-center align-items-center flex-fill w-100">
+  <div class="card bg-dark text-white shadow w-100 mx-3" style="max-width: 800px;">
+    <div class="card-body">
+      <h2 class="text-center mb-4">🔒 Logowanie</h2>
+      <form method="post">
+        <div class="mb-3">
+          <input type="text" name="username" placeholder="Login" class="form-control bg-dark text-white border-secondary rounded" required>
+        </div>
+        <div class="mb-3">
+          <input type="password" name="password" placeholder="Hasło" class="form-control bg-dark text-white border-secondary rounded" required>
+        </div>
+        <button type="submit" class="btn btn-success w-100">🔑 Zaloguj</button>
+      </form>
+    </div>
   </div>
 </div>
 
diff --git a/templates/system_auth.html b/templates/system_auth.html
index a00edfb..f88824b 100644
--- a/templates/system_auth.html
+++ b/templates/system_auth.html
@@ -2,18 +2,17 @@
 {% block title %}Wymagane hasło główne{% endblock %}
 {% block content %}
 
-<div class="d-flex justify-content-between align-items-center flex-wrap mb-4">
-  <h2 class="mb-2">🔑 Podaj hasło główne</h2>
-</div>
-
-<div class="card bg-dark text-white">
-  <div class="card-body">
-    <form method="post">
-      <div class="mb-3">
-        <input type="password" name="password" placeholder="Hasło" class="form-control bg-dark text-white border-secondary rounded" required>
-      </div>
-      <button type="submit" class="btn btn-success w-100">🔓 Wejdź</button>
-    </form>
+<div class="d-flex justify-content-center align-items-center flex-fill w-100">
+  <div class="card bg-dark text-white shadow w-100 mx-3" style="max-width: 800px;">
+    <div class="card-body">
+      <h2 class="text-center mb-4">🔑 Podaj hasło główne</h2>
+      <form method="post">
+        <div class="mb-3">
+          <input type="password" name="password" placeholder="Hasło" class="form-control bg-dark text-white border-secondary rounded" required>
+        </div>
+        <button type="submit" class="btn btn-success w-100">🔓 Wejdź</button>
+      </form>
+    </div>
   </div>
 </div>
 
