diff --git a/app/assets/stylesheets/participation.scss b/app/assets/stylesheets/participation.scss
index bb600ff83..afc582a3b 100644
--- a/app/assets/stylesheets/participation.scss
+++ b/app/assets/stylesheets/participation.scss
@@ -1094,7 +1094,7 @@
     }
   }
 
-  .active {
+  .is-active {
     color: $brand;
 
     &::after {
diff --git a/app/views/budgets/investments/_view_mode.html.erb b/app/views/budgets/investments/_view_mode.html.erb
index 4ec42fc45..bc6c5aff7 100644
--- a/app/views/budgets/investments/_view_mode.html.erb
+++ b/app/views/budgets/investments/_view_mode.html.erb
@@ -11,7 +11,7 @@
     </span>
     <ul class="no-bullet">
       <% if investments_default_view? %>
-        <li class="view-card active">
+        <li class="view-card is-active">
           <%= t("shared.view_mode.cards") %>
         </li>
         <li class="view-list">
@@ -21,7 +21,7 @@
         <li class="view-card">
           <%= link_to t("shared.view_mode.cards"), investments_minimal_view_path %>
         </li>
-        <li class="view-list active">
+        <li class="view-list is-active">
           <%= t("shared.view_mode.list") %>
         </li>
       <% end %>
diff --git a/app/views/debates/_view_mode.html.erb b/app/views/debates/_view_mode.html.erb
index 06ec444f6..ed2d717b7 100644
--- a/app/views/debates/_view_mode.html.erb
+++ b/app/views/debates/_view_mode.html.erb
@@ -11,7 +11,7 @@
     </span>
     <ul class="no-bullet">
       <% if debates_default_view? %>
-        <li class="view-card active">
+        <li class="view-card is-active">
           <%= t("shared.view_mode.cards") %>
         </li>
         <li class="view-list">
@@ -21,7 +21,7 @@
         <li class="view-card">
           <%= link_to t("shared.view_mode.cards"), debates_minimal_view_path %>
         </li>
-        <li class="view-list active">
+        <li class="view-list is-active">
           <%= t("shared.view_mode.list") %>
         </li>
       <% end %>
diff --git a/app/views/proposals/_view_mode.html.erb b/app/views/proposals/_view_mode.html.erb
index 7b0952401..1d0a07855 100644
--- a/app/views/proposals/_view_mode.html.erb
+++ b/app/views/proposals/_view_mode.html.erb
@@ -11,7 +11,7 @@
     </span>
     <ul class="no-bullet">
       <% if proposals_default_view? %>
-        <li class="view-card active">
+        <li class="view-card is-active">
           <%= t("shared.view_mode.cards") %>
         </li>
         <li class="view-list">
@@ -21,7 +21,7 @@
         <li class="view-card">
           <%= link_to t("shared.view_mode.cards"), proposals_minimal_view_path %>
         </li>
-        <li class="view-list active">
+        <li class="view-list is-active">
           <%= t("shared.view_mode.list") %>
         </li>
       <% end %>