diff --git a/client/src/components/sidebar.jsx b/client/src/components/sidebar.jsx
index afd81fc..e2a75b9 100644
--- a/client/src/components/sidebar.jsx
+++ b/client/src/components/sidebar.jsx
@@ -76,7 +76,7 @@ export default function Sidebar () {
             gap={4} paddingTop={4}
             paddingLeft={8} paddingRight={8}
         >
-          <CloseButton color="#19332D" bg= "#EDF1F1" variant="subtle" left="-4" onClick={() => setIsOpen(!isOpen)}></CloseButton>
+          <CloseButton color="#19332D" bg= "#EDF1F1" size="sm" variant="subtle" left="-4" onClick={() => setIsOpen(!isOpen)}></CloseButton>
           <Button color="#19332D" _hover={{bg: "#EDF1F1"}} fontSize="xl" variant="ghost"><PushPin /> Dashboard</Button>
           <Button color="#19332D" _hover={{bg: "#EDF1F1"}} fontSize="xl" variant="ghost"><Globe fill="white" stroke="black" /> Global Map</Button>
           <Button color="#19332D" _hover={{bg: "#EDF1F1"}} fontSize="xl" variant="ghost"><MapMarker fill="white" stroke="black"/> Regional Map</Button>
@@ -96,7 +96,7 @@ export default function Sidebar () {
               alignItems="start" 
               gap={4} padding={4}
         >
-          <IconButton color="#19332D" _hover={{bg: "#EDF1F1"}} variant="ghost" onClick={() => setIsOpen(!isOpen)}>
+          <IconButton color="#19332D" _hover={{bg: "#EDF1F1"}} size="sm" variant="ghost" onClick={() => setIsOpen(!isOpen)}>
             <RxHamburgerMenu />
           </IconButton>
           <IconButton color="#19332D" _hover={{bg: "#EDF1F1"}} variant="ghost" ><PushPin /> </IconButton>