fix(multi-org): disable hover effect in switch button (#5408)

Author: ChitlangeSahas

src/identity/components/GlobalHeader/GlobalHeaderDropdown/GlobalHeaderDropdown.scss

@@ -43,6 +43,7 @@
   color: $cf-grey-75;
   margin-right: 8px;
   font-size: 18px;
+  width: 18px;
 }
 
 .line-break {
@@ -54,3 +55,7 @@
   display: flex;
   align-items: center;
 }
+
+.global-header--switch-button {
+  background-color: transparent !important;
+}

src/identity/components/GlobalHeader/GlobalHeaderDropdown/index.tsx

@@ -172,7 +172,10 @@ export class GlobalHeaderDropdown extends React.Component<Props, State> {
       >
         {/* Multi-org UI tickets #4051 and #4047, when user only has 1 account or 1 org, switch button is disabled */}
         {!onlyRenderSubmenu && typeAheadMenuOptions.length > 1 && (
-          <Dropdown.Item onClick={this.toggleShowTypeAheadMenu}>
+          <Dropdown.Item
+            onClick={this.toggleShowTypeAheadMenu}
+            className="global-header--switch-button"
+          >
             <FlexBox
               justifyContent={JustifyContent.SpaceBetween}
               alignItems={AlignItems.Center}