diff --git a/app/components/Sidebar/components/TeamButton.js b/app/components/Sidebar/components/TeamButton.js
index 9a9206dd1..04738a477 100644
--- a/app/components/Sidebar/components/TeamButton.js
+++ b/app/components/Sidebar/components/TeamButton.js
@@ -68,18 +68,19 @@ const Wrapper = styled.div`
 const Header = styled.button`
   display: flex;
   align-items: center;
-  padding: 20px 24px;
   background: none;
   line-height: inherit;
   border: 0;
-  margin: 0;
+  padding: 8px;
+  margin: 8px;
+  border-radius: 4px;
   cursor: pointer;
-  width: 100%;
+  width: calc(100% - 16px);
 
   &:active,
   &:hover {
     transition: background 100ms ease-in-out;
-    background: rgba(0, 0, 0, 0.05);
+    background: ${(props) => props.theme.sidebarItemBackground};
   }
 `;