diff --git a/awx/ui/client/src/main-menu/main-menu.block.less b/awx/ui/client/src/main-menu/main-menu.block.less
index eebeab1951..0a20ccc07e 100644
--- a/awx/ui/client/src/main-menu/main-menu.block.less
+++ b/awx/ui/client/src/main-menu/main-menu.block.less
@@ -54,11 +54,7 @@
 }
 
 .MainMenu-socket {
-    transition: background-color 0.2s, color 0.2s, border-bottom 0.1s, padding-top 0.1s;
-    color: @menu-link-icon;
-    background: url(assets/socket_background.png) @menu-bg;
-    background-size: 55px 52px;
-    background-repeat: no-repeat;
+    background-color: @default-bg;
     order: 0;
     flex: initial;
     padding-top: 0px;
@@ -204,7 +200,7 @@
         flex: initial!important;
         padding-top:0px;
     }
-    
+
     .MainMenu-item--licenseMissing:hover{
         padding-top:20px;
         border-bottom: 5px solid @menu-link-btm-hov;
diff --git a/awx/ui/client/src/main-menu/main-menu.partial.html b/awx/ui/client/src/main-menu/main-menu.partial.html
index 3721417ba6..e2bfe60b44 100644
--- a/awx/ui/client/src/main-menu/main-menu.partial.html
+++ b/awx/ui/client/src/main-menu/main-menu.partial.html
@@ -197,7 +197,7 @@
     </a>
 
     <!-- Socket-status item -->
-    <button
+    <div
         id="main_menu_socket_status_notification"
         class="MainMenu-socket"
         aw-tool-tip="{{socketTip}}"
@@ -210,7 +210,7 @@
         <i class="fa MainMenu-socketImage"
             ng-class="socketIconClass">
         </i>
-    </button>
+    </div>
 
     <!-- Mobile menu toggle item -->
     <button