diff --git a/Step/wwwroot/assets/styles/base/card.less b/Step/wwwroot/assets/styles/base/card.less
index 4ea93b70..14cb65f5 100644
--- a/Step/wwwroot/assets/styles/base/card.less
+++ b/Step/wwwroot/assets/styles/base/card.less
@@ -576,7 +576,7 @@
                 visibility: visible;
                 width: 77px;
                 border-right: solid 1px @color-label-grey;
-                .active{
+                &.active{
                     background-color: @color-white;
                 }
             }
diff --git a/Step/wwwroot/assets/styles/style.css b/Step/wwwroot/assets/styles/style.css
index 2cb03efd..c19663e9 100644
--- a/Step/wwwroot/assets/styles/style.css
+++ b/Step/wwwroot/assets/styles/style.css
@@ -3755,7 +3755,7 @@ footer .container button.big:before {
   width: 77px;
   border-right: solid 1px #979797;
 }
-.card-axes-production .second-box-axes .tabs .tab .active {
+.card-axes-production .second-box-axes .tabs .tab.active {
   background-color: #fff;
 }
 .card-axes-production .second-box-axes .tabs .tab:last-child {
diff --git a/Step/wwwroot/src/components/maintenance.vue b/Step/wwwroot/src/components/maintenance.vue
index d5a8c8a7..87dbed2e 100644
--- a/Step/wwwroot/src/components/maintenance.vue
+++ b/Step/wwwroot/src/components/maintenance.vue
@@ -39,8 +39,8 @@
                       <td colspan="1"><maintenance-progress :class="{selected: selectedMaintenance == m}" :progress="m.percentageOfCompletion"></maintenance-progress></td>
                       <td colspan="1">{{expirationDate(m.type, m.missingDays)}}</td>
                       <td colspan="1">{{getState(m.percentageOfCompletion)}}</td>
-                      <td colspan="1" v-if="m.createdByCms"><i class="fa fa-user"></i></td>
-                      <td colspan="1" v-if="!m.createdByCms"></td>
+                      <td colspan="1" v-if="!m.createdByCms"><i class="fa fa-user"></i></td>
+                      <td colspan="1" v-if="m.createdByCms"></td>
                     </tr>
                   </tbody>
                   <tfoot>
diff --git a/Step/wwwroot/src/modules/base-components/cards/card-axes-production.vue b/Step/wwwroot/src/modules/base-components/cards/card-axes-production.vue
index 98aaef49..5e72e62f 100644
--- a/Step/wwwroot/src/modules/base-components/cards/card-axes-production.vue
+++ b/Step/wwwroot/src/modules/base-components/cards/card-axes-production.vue
@@ -45,9 +45,9 @@
       </div>
       <div class="second-box-axes">
           <div class="tabs">
-              <button class="tab"></button>
-              <button class="tab"></button>
-              <button class="tab"></button>
+              <button class="tab" :class="{'active': enableOm}" @click="selectTab('OM')">OM</button>
+              <button class="tab" :class="{'active': enableGoto}" @click="selectTab('GOTO')">GOTO</button>
+              <button class="tab" :class="{'active': enableErr}" @click="selectTab('ERR')">ERR</button>
           </div>
       </div>
   </div>
@@ -62,6 +62,38 @@ export default {
         numberZ: {default: 0},
         numberA: {default: 0}, 
         numberB: {default: 0}
+    },
+    data: function(){
+        return{
+            enableOm: false,
+            enableGoto: false,
+            enableErr: false
+        }
+    },
+    methods:{
+        selectTab(tab){
+            debugger
+            if(tab == "OM"){
+                this.enableOm = true;
+                this.enableGoto = false;
+                this.enableErr = false;
+            }
+            else if(tab == "GOTO"){
+                this.enableOm = false;
+                this.enableGoto = true;
+                this.enableErr = false;
+            }
+            else if(tab == "ERR"){
+                this.enableOm = false;
+                this.enableGoto = false;
+                this.enableErr = true;
+            }
+            else{
+                this.enableOm = true;
+                this.enableGoto = false;
+                this.enableErr = false;
+            }
+        }
     }
 };
 </script>
\ No newline at end of file