From 04b8d7ae7b52f057a515e8f1a3f174590dc73ab3 Mon Sep 17 00:00:00 2001 From: Tom Moor Date: Sun, 18 Apr 2021 21:52:54 -0700 Subject: [PATCH] Normalize sidebar style --- app/components/Sidebar/components/TeamButton.js | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) 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}; } `;