diff --git a/src/components/ConnectivityInfo.vue b/src/components/ConnectivityInfo.vue
index 73528860..10375ace 100644
--- a/src/components/ConnectivityInfo.vue
+++ b/src/components/ConnectivityInfo.vue
@@ -765,8 +765,15 @@ export default {
 }
 
 .el-button-secondary {
-  border-color: transparent;
-  background-color: transparent;
+  border-color: transparent !important;
+  background-color: transparent !important;
+  color: inherit !important;
+
+  &:hover {
+    color: $app-primary-color !important;
+    border-color: $app-primary-color !important;
+    background-color: #f9f2fc !important;
+  }
 }
 
 .buttons-row {
diff --git a/src/components/SideBar.vue b/src/components/SideBar.vue
index 66df6a5e..12554766 100644
--- a/src/components/SideBar.vue
+++ b/src/components/SideBar.vue
@@ -300,6 +300,13 @@ export default {
     tabClose: function (id) {
       this.$emit('tab-close', id);
     },
+    /**
+     * To receive error message for connectivity graph
+     * @param {String} errorMessage
+     */
+    updateConnectivityGraphError: function (errorMessage) {
+      EventBus.emit('connectivity-graph-error', errorMessage);
+    },
   },
   computed: {
     activeTabs: function() {
@@ -314,13 +321,6 @@ export default {
       }
       return tabs;
     },
-    /**
-     * To receive error message for connectivity graph
-     * @param {String} errorMessage
-     */
-    updateConnectivityGraphError: function (errorMessage) {
-      EventBus.emit('connectivity-graph-error', errorMessage);
-    },
   },
   created: function () {
     this.drawerOpen = this.openAtStart