diff --git a/theme/bootstrapbase/templates/block_myoverview/courses-view.mustache b/theme/bootstrapbase/templates/block_myoverview/courses-view.mustache
index b8a9dee10f5..45a38d58434 100644
--- a/theme/bootstrapbase/templates/block_myoverview/courses-view.mustache
+++ b/theme/bootstrapbase/templates/block_myoverview/courses-view.mustache
@@ -107,8 +107,9 @@
 require(['jquery', 'core/custom_interaction_events'], function($, customEvents) {
     var root = $('#courses-view-{{uniqid}}');
     customEvents.define(root, [customEvents.events.activate]);
-    root.on(customEvents.events.activate, '[data-toggle="btns"] > .btn', function() {
+    root.on(customEvents.events.activate, '[data-toggle="btns"] > .btn', function(e) {
         root.find('.btn.active').removeClass('active');
+        $(e.target).closest('.btn').addClass('active');
     });
 });
 {{/js}}