diff --git a/src/Components/Navbar.css b/src/Components/Navbar.css
index e13948d0eaa..a9a9026fe2a 100644
--- a/src/Components/Navbar.css
+++ b/src/Components/Navbar.css
@@ -3,8 +3,11 @@
 }
 
 .theme--button {
-  margin-left: 1rem;
+  border: none;
+  background-color: transparent;
+  margin-left: 0.5rem;
   cursor: pointer;
+  margin-right: -0.4rem;
 }
 
 @media screen and (max-width: 320px) {
diff --git a/src/Components/Navbar.js b/src/Components/Navbar.js
index 999be57d137..b3172e99fa1 100644
--- a/src/Components/Navbar.js
+++ b/src/Components/Navbar.js
@@ -43,7 +43,7 @@ function Navbar({ items, start, end }) {
 
         <div style={theme}>v{version}</div>
 
-        <div className="theme--button">
+        <button className="theme--button">
           {darkTheme
             ? (
             <GetIcons
@@ -56,7 +56,7 @@ function Navbar({ items, start, end }) {
             : (
             <GetIcons iconName="sun" onClick={toggleTheme} size={20} />
               )}
-        </div>
+        </button>
       </div>
     )
   }