diff --git a/app/views/events/index.html.erb b/app/views/events/index.html.erb
index 19544dda..ad6c1fa5 100644
--- a/app/views/events/index.html.erb
+++ b/app/views/events/index.html.erb
@@ -7,15 +7,15 @@
 <% end %>
 
 <div class="-m-5 sm:-m-6">
-  <div data-controller="tabs" data-tabs-active-tab="border-hamers-red-500 font-bold text-hamers-red-500 dark:text-hamers-red-500 hover:border-hamers-red-600 hover:text-hamers-red-600 dark:hover:border-hamers-red-600 dark:hover:text-hamers-red-600">
+  <div data-controller="tabs" data-tabs-index-value="<%= params[:tab].to_i %>" data-tabs-active-tab="border-hamers-red-500 font-bold text-hamers-red-500 dark:text-hamers-red-500 hover:border-hamers-red-600 hover:text-hamers-red-600 dark:hover:border-hamers-red-600 dark:hover:text-hamers-red-600">
     <div class="flex items-center border-b border-gray-200 dark:border-gray-700 justify-between px-4">
       <nav class="-mb-px flex space-x-8">
-        <button data-action="click->tabs#change" data-tabs-target="tab" class="border-transparent text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 hover:border-gray-300 dark:hover:border-gray-200 whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm">
+        <a href="<%= events_path %>" role="tab" data-turbo-action="replace" data-tabs-target="tab" class="border-transparent text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 hover:border-gray-300 dark:hover:border-gray-200 whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm">
           Binnenkort
-        </button>
-        <button data-action="click->tabs#change" data-tabs-target="tab" class="border-transparent text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 hover:border-gray-300 dark:hover:border-gray-200 whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm">
+        </a>
+        <a href="<%= events_path(tab: 1) %>" role="tab" data-turbo-action="replace" data-tabs-target="tab" class="border-transparent text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 hover:border-gray-300 dark:hover:border-gray-200 whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm">
           Vroegâh
-        </button>
+        </a>
       </nav>
       <div data-controller="popover" data-popover-translate-x="-90%" data-popover-translate-y="0" data-action="mouseover->popover#show mouseout->popover#hide">
         <span>