diff --git a/ui/src/Components/MainModal/index.js b/ui/src/Components/MainModal/index.js
index 16ea364b2..a0f00422e 100644
--- a/ui/src/Components/MainModal/index.js
+++ b/ui/src/Components/MainModal/index.js
@@ -46,13 +46,13 @@ const MainModal = observer(
       return (
         <React.Fragment>
           <li
-            className={`nav-item ${
+            className={`nav-item components-navbar-button ${
               this.toggle.show ? "border-bottom border-info" : ""
             }`}
           >
             <TooltipWrapper title="Settings">
               <span
-                className="nav-link components-navbar-button cursor-pointer"
+                className="nav-link cursor-pointer"
                 onClick={this.toggle.toggle}
               >
                 <FontAwesomeIcon icon={faCog} />