diff --git a/resources/js/vendor/dropdown.js b/resources/js/vendor/dropdown.js
index b1d0dd6..8bb160b 100644
--- a/resources/js/vendor/dropdown.js
+++ b/resources/js/vendor/dropdown.js
@@ -25,11 +25,18 @@ dropLoginInfo = function dropLoginInfo() {
 showContent = function showContent() {
     var current = document.getElementById("current");
     var next = document.getElementById("next");
+    var currentbtn = document.getElementById("currentbtn");
+    var nextbtn = document.getElementById("nextbtn");
     if (current.className === "container-main__content bounceInLeft animated active") {
         current.className = "container-main__content bounceInLeft animated";
+        currentbtn.className = "container-main__tab"
         next.className += " active";
+        nextbtn.className += " active";
+
     } else {
         next.className = "container-main__content bounceInLeft animated";
+        nextbtn.className = "container-main__tab"
         current.className += " active";
+        currentbtn.className += " active";
     }
 }
\ No newline at end of file
diff --git a/resources/views/front/employees/plannings.blade.php b/resources/views/front/employees/plannings.blade.php
index 207f05f..ea506ef 100644
--- a/resources/views/front/employees/plannings.blade.php
+++ b/resources/views/front/employees/plannings.blade.php
@@ -8,10 +8,10 @@
             @include('front.partials.containerPageLogo', ['title' => 'Votre Planning'])
             <div class="container-main">
                 <div class="container-main__tabs">
-                    <div class="container-main__tab active" data-tab="current">Semaine en cours</div>
-                    <div class="container-main__tab" data-tab="next">Semaine suivante</div>
+                    <div class="container-main__tab active" data-tab="current" onclick="showContent()" id="currentbtn">Semaine en cours</div>
+                    <div class="container-main__tab" data-tab="next" onclick="showContent()" id="nextbtn">Semaine suivante</div>
                 </div>
-                <div class="container-main__content bounceInLeft active animated" id="current">
+                <div class="container-main__content bounceInLeft animated active" id="current">
                     <div class="description">
                         @if($plannings->get('now'))
                         @include('front.employees.planning', [