diff --git a/templates/calendar/index.html.twig b/templates/calendar/index.html.twig
index 2d608a238a865c3bb763412cd60a86c9df300c2b..69613017befd5f9918e43c871e4b589542c0e33a 100644
--- a/templates/calendar/index.html.twig
+++ b/templates/calendar/index.html.twig
@@ -10,19 +10,42 @@
 {% block body %}
 
 	<body>
-		<div class="card">
-			<div class="card-header">
-				Feedback de la journée
-			</div>
-			<div class="card-body">
-				Est ce que vous avez respectez vos engagements ?
-				<button class="btn btn-success">Oui</button>
-				<button class="btn btn-danger">Non</button>
-			</div>
-		</div>
+		{# <div class="card">
+							<div class="card-header">
+								Feedback de la journée
+							</div>
+							<div class="card-body">
+								Est ce que vous avez respectez vos engagements ?
+								<button class="btn btn-success">Oui</button>
+								<button class="btn btn-danger">Non</button>
+							</div>
+						</div> #}
+		<!-- Button trigger modal -->
+<button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#exampleModal">
+  Daily feedback
+</button>
+
+<!-- Modal -->
+<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="exampleModalLabel">Daily Feedback</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body">
+        Did you manage to complete all the tasks for today?
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">No, I haven't</button>
+        <button type="button" class="btn btn-primary">Yes, I have!</button>
+      </div>
+    </div>
+  </div>
+</div>
 		{# <div id="calendar" style"height: 800px;"></div> #}
-		<button id="prevBtn" class="btn btn-secondary">Prev</button>
-		<button id="nextBtn" class="btn btn-primary">Next</button>
+		<button id="prevBtn" class="btn btn-primary">Prev</button>
+		<button id="nextBtn" class="btn btn-danger">Next</button>
 		<div id="calendarList"></div>
 	</body>