diff --git a/app.py b/app.py
index c87d6a6..d3839a1 100644
--- a/app.py
+++ b/app.py
@@ -300,6 +300,29 @@ def profile_change():
     )
 
 
+@app.route('/edit-habit')
+@login_required
+def edit_habit():
+    habit_id = request.args.get("habit")
+    #habit_id = request.get_json()["editHabitId"]
+
+    habit = Habit.get(habit_id)
+    return render_template(
+        "edit-habit.html",
+        title=habit.name
+    )
+'''
+@app.route('/edit-habit', methods=['POST'])
+@login_required
+def edit_habit_change():
+    #habit_id = request.get_json()["habitId"]
+
+    #habit = Habit.get(habit_id)
+
+    return render_template(
+        "edit-habit.html"
+    )
+'''
 @app.route('/check_password', methods=['POST'])
 @login_required
 def check_password():
diff --git a/templates/components/habit_lists.html b/templates/components/habit_lists.html
index 96f997f..3ae3bb8 100644
--- a/templates/components/habit_lists.html
+++ b/templates/components/habit_lists.html
@@ -125,7 +125,6 @@
                         {% if not habit.streak == 0 %}
                         {{ habit.streak }} 🔥
                         {% endif %}
-
                     </div>
 
                     <!-- Knopf für das Löschen einer Gewohnheit -->
@@ -135,13 +134,12 @@
                         <i class="bi bi-trash3"></i>
                     </button>
 
-                    <!-- Knopf für die Einstellungen einer Gewohnheit -->
-                    <button type="button" class="btn"
+                    <!--  -->
+                    <a type="button" class="btn" href="{{ url_for('edit_habit') }}?habit={{ habit.id }}" aria-current="page"
                             style="width: 40px; height: 40px; min-height: 3em;">
 
-                        <i class="bi bi-gear"></i>
-
-                    </button>
+                        <i class="bi bi-pencil"></i>
+                    </a>
 
                     <!-- Progressbar -->
                     <div class="col-12">
diff --git a/templates/components/scripts.html b/templates/components/scripts.html
index 6bc6dcb..161588d 100644
--- a/templates/components/scripts.html
+++ b/templates/components/scripts.html
@@ -49,6 +49,14 @@
                 });
             }
 
+            function sendHabitId(Id) {
+
+                var habitId = document.getElementById(Id);
+
+                // Make a POST request to /check with the habit id
+                // axios.post('/edit-habit', {editHabitId: habitId})
+            }
+
             function deleteHabit(habitId) {
                 // Make a POST request to /delete with the habit id
 
diff --git a/templates/edit-habit.html b/templates/edit-habit.html
new file mode 100644
index 0000000..fbe5b9e
--- /dev/null
+++ b/templates/edit-habit.html
@@ -0,0 +1,7 @@
+{% extends 'index.html' %}
+
+{% block content %}
+
+test
+{{ title }}
+{% endblock %}
\ No newline at end of file
diff --git a/templates/profile.html b/templates/profile.html
index 06f64bd..19f9602 100644
--- a/templates/profile.html
+++ b/templates/profile.html
@@ -6,7 +6,7 @@
     <h1 class="mb-4">Account Einstellungen👤</h1>
 
     <!-- Account information fields -->
-    <div class="card mb-4">
+    <div class="card bg-light mb-4">
         <div class="card-body d-flex">
             <div>
                 <h5 class="card-title">Profilbild</h5>
@@ -35,7 +35,7 @@
     </div>
 
   <!-- Password change fields -->
-    <div class="card mb-4">
+    <div class="card bg-light mb-4">
         <div class="card-body">
             <h5 class="card-title">Passwort ändern</h5>
             <form id="editPasswordForm" action="/password" method="POST">