issue #144 design: Fix header css

Selody-project · Nov 16, 2023 · 583cc32 · 583cc32
1 parent 743c862
commit 583cc32
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/Header/Header/Header.styles.js b/src/components/Header/Header/Header.styles.js
@@ -76,7 +76,7 @@ export const TabButton = styled.button`
 	font-weight: ${({ isActive }) => (isActive ? "600" : "500")};
 	border-bottom: ${({ isActive, theme: { colors } }) =>
 		isActive ? `2px solid ${colors.primary}` : 0};
-	padding: 10px 8px 8px;
+	padding: 10px 0;
 
 	&:hover {
 		color: ${({ theme }) => theme.colors.primary};
@@ -123,7 +123,7 @@ export const NotificationDiv = styled.div`
 `;
 
 export const NotificationButton = styled.button`
-	margin: 0 24px;
+	margin: 0 16px;
 	cursor: pointer;
 	border-radius: 50%;
 	width: 40px;

diff --git a/src/components/Notification/NotificationDropdown/NotificationDropdown.style.js b/src/components/Notification/NotificationDropdown/NotificationDropdown.style.js
@@ -3,7 +3,7 @@ import styled from "styled-components";
 export const MenuWrapDiv = styled.div`
 	position: absolute;
 	top: calc(100% + 16px);
-	right: -100%;
+	right: calc(-100% - 24px);
 	z-index: 99;
 `;