From 020552ef8850d6747177c3006b5c0690b4377e77 Mon Sep 17 00:00:00 2001
From: developomp <developomp@gmail.com>
Date: Thu, 15 Dec 2022 20:24:50 +0900
Subject: [PATCH] fix sidebar toggle button not showing

---
 apps/blog/src/components/Sidebar/Sidebar.tsx | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/apps/blog/src/components/Sidebar/Sidebar.tsx b/apps/blog/src/components/Sidebar/Sidebar.tsx
index 225b6f7..bc8708e 100644
--- a/apps/blog/src/components/Sidebar/Sidebar.tsx
+++ b/apps/blog/src/components/Sidebar/Sidebar.tsx
@@ -9,26 +9,19 @@ import { faEllipsisV, faTimes } from "@fortawesome/free-solid-svg-icons"
 import SubMenu from "./SubMenu"
 
 import NavbarData from "../../data/NavbarData"
-import HeaderButton from "../Header/HeaderButton"
+import { HeaderButtonCSS } from "../Header/HeaderButton"
 
-const CommonSidebarToggleButtonStyle = css`
-	${HeaderButton}
-	width: 1.5rem;
-	text-align: center;
+const SidebarOpenButton = styled.div`
+	${HeaderButtonCSS}
 
 	@media only screen and (min-width: ${({ theme }) =>
-			theme.theme.maxDisplayWidth.mobile}) {
+		theme.theme.maxDisplayWidth.mobile}) {
 		display: none;
 	}
 `
 
-const SidebarOpenButton = styled.div`
-	${CommonSidebarToggleButtonStyle}
-`
-
 const SidebarCloseButton = styled.div`
-	${CommonSidebarToggleButtonStyle}
-	width: 90%;
+	${HeaderButtonCSS}
 	height: 4rem;
 	font-size: 1.1rem;