diff --git a/app/webpacker/controllers/tabs_controller.js b/app/webpacker/controllers/tabs_controller.js
index 46f6935c57..9d9995b94e 100644
--- a/app/webpacker/controllers/tabs_controller.js
+++ b/app/webpacker/controllers/tabs_controller.js
@@ -3,19 +3,28 @@ import { Controller } from "stimulus";
 export default class extends Controller {
   static targets = ["tab", "content"]
 
-  connect() {
-    this.setCurrentTab()
-  }
-
   select(event) {
     this.setCurrentTab(this.tabTargets.indexOf(event.currentTarget))
   }
 
+  // private
+
+  connect() {
+    this.setCurrentTab()
+  }
+
   setCurrentTab(tabIndex = 0) {
+    this.showSelectedContent(tabIndex)
+    this.setButtonActiveClass(tabIndex)
+  }
+
+  showSelectedContent(tabIndex) {
     this.contentTargets.forEach((element, index) => {
       element.hidden = index !== tabIndex
     })
+  }
 
+  setButtonActiveClass(tabIndex) {
     this.tabTargets.forEach((element, index) => {
       if(index === tabIndex) {
         element.classList.add("active")