diff --git a/templates/auth/login.html b/templates/auth/login.html
index 68edeca..8276503 100644
--- a/templates/auth/login.html
+++ b/templates/auth/login.html
@@ -1,8 +1,8 @@
 {% extends 'layouts/main.html' %}
 
 {% block content %}
-<div class="card">
-    <h5 class="card-header">Login</h5>
+<div class="card bg-light mt-4">
+    <h1 class="card-header">Login</h1>
     <div class="card-body column">
         <form method="POST" action="/login">
             <div class="mb-3 row">
diff --git a/templates/auth/signup.html b/templates/auth/signup.html
index bbbf537..d3a727b 100644
--- a/templates/auth/signup.html
+++ b/templates/auth/signup.html
@@ -1,33 +1,38 @@
 {% extends 'layouts/main.html' %}
 
 {% block content %}
-<div class="column">
-    <h3>Registrieren</h3>
-    <form method="POST" action="/signup">
-        <div class="mb-3">
-            <label for="email" class="form-label">Email-Adresse</label>
-            <input type="email" class="form-control {% if errors.get('email') %} is-invalid {% endif %}" id="email" name="email" placeholder="name@example.com" value="{{ email }}">
-            <div class="invalid-feedback">
-                {{ errors.get('email', '') }}
+<div class="card bg-light mt-4 p-5">
+    <div class="column">
+        <h1>Registrieren</h1>
+        <form method="POST" action="/signup">
+            <div class="mb-3">
+                <label for="email" class="form-label">Email-Adresse</label>
+                <input type="email" class="form-control {% if errors.get('email') %} is-invalid {% endif %}" id="email"
+                       name="email" placeholder="name@example.com" value="{{ email }}">
+                <div class="invalid-feedback">
+                    {{ errors.get('email', '') }}
+                </div>
             </div>
-        </div>
-        <div class="mb-3">
-            <label for="name" class="form-label">Name</label>
-            <input type="text" class="form-control {% if errors.get('name') %} is-invalid {% endif %}" id="name" name="name" placeholder="Max" value="{{ name }}">
-            <div class="invalid-feedback">
-                {{ errors.get('name', '') }}
+            <div class="mb-3">
+                <label for="name" class="form-label">Name</label>
+                <input type="text" class="form-control {% if errors.get('name') %} is-invalid {% endif %}" id="name"
+                       name="name" placeholder="Max" value="{{ name }}">
+                <div class="invalid-feedback">
+                    {{ errors.get('name', '') }}
+                </div>
             </div>
-        </div>
-        <div class="mb-3">
-            <label for="password" class="form-label">Passwort</label>
-            <input type="password" class="form-control {% if errors.get('password') %} is-invalid {% endif %}" id="password" name="password" value="{{ password }}">
-            <div class="invalid-feedback">
-                {{ errors.get('password', '') }}
+            <div class="mb-3">
+                <label for="password" class="form-label">Passwort</label>
+                <input type="password" class="form-control {% if errors.get('password') %} is-invalid {% endif %}"
+                       id="password" name="password" value="{{ password }}">
+                <div class="invalid-feedback">
+                    {{ errors.get('password', '') }}
+                </div>
             </div>
-        </div>
-        <div class="col-auto">
-            <button type="submit" class="btn btn-primary mb-3">Registrieren</button>
-        </div>
-    </form>
+            <div class="col-auto">
+                <button type="submit" class="btn btn-primary mb-3">Registrieren</button>
+            </div>
+        </form>
+    </div>
 </div>
 {% endblock %}
\ No newline at end of file
diff --git a/templates/habit-list.html b/templates/habit-list.html
index 3550013..ed0a590 100644
--- a/templates/habit-list.html
+++ b/templates/habit-list.html
@@ -1,8 +1,8 @@
 {% extends 'layouts/main.html' %}
 
 {% block content %}
-
-<h1 class="mt-5">Habitliste erstellen📋</h1>
+<div class="card bg-light p-5 mt-5">
+<h1>Habitliste erstellen📋</h1>
 
 <form action="/habit-list" method="POST">
     <div class="mb-3">
@@ -21,5 +21,5 @@
     </div>
     <button type="submit" class="btn btn-primary">Submit</button>
 </form>
-
+</div>
 {% endblock %}
\ No newline at end of file
diff --git a/templates/habit.html b/templates/habit.html
index ecaffe7..0d116c1 100644
--- a/templates/habit.html
+++ b/templates/habit.html
@@ -1,8 +1,8 @@
 {% extends 'layouts/main.html' %}
 
 {% block content %}
-
-<h1 class="mt-5">Habit erstellen📋</h1>
+<div class="card bg-light p-5 mt-5">
+<h1>Habit erstellen📋</h1>
 
 <form action="/habit" method="POST">
     <div class="mb-3">
@@ -78,5 +78,5 @@
     </script>
     <button type="submit" class="btn btn-primary">Submit</button>
 </form>
-
+</div>
 {% endblock %}
\ No newline at end of file