Finished bugfix 738

src/components/Header/Drawer/Buttons/AboutButton/AboutButton.styled.js

@@ -11,6 +11,6 @@ export const AboutIcon = styled(About)`
   }
 `;
 export const GrayDrawerOption = styled(DrawerOption)`
-  color: ${selectedTheme.colors.primaryGrayText};
+  color: ${selectedTheme.colors.primaryPurple};
   letter-spacing: 0.05em;
 `;

src/components/Header/Drawer/Buttons/AddOfferButton/AddOfferButton.styled.js

@@ -6,4 +6,5 @@ export const AddOfferButtonContainer = styled(PrimaryButton)`
   height: 44px;
   position: relative;
   bottom: -5px;
-`
+  font-weight: 600;
+`;

src/components/Header/Drawer/Buttons/LogoutButton/LogoutButton.styled.js

@@ -1,18 +1,16 @@
 import { Box, Typography } from "@mui/material";
 import styled from "styled-components";
 import selectedTheme from "../../../../../themes";
-import {ReactComponent as Logout} from "../../../../../assets/images/svg/log-out.svg"
+import { ReactComponent as Logout } from "../../../../../assets/images/svg/log-out.svg";
 
-
-export const LogoutButtonContainer = styled(Box)`
-`
+export const LogoutButtonContainer = styled(Box)``;
 export const LogoutIcon = styled(Logout)`
   width: 20px;
   height: 20px;
   & path {
-    stroke: ${selectedTheme.colors.primaryPurple};
+    stroke: ${selectedTheme.colors.primaryYellow};
   }
-`
+`;
 export const LogoutText = styled(Typography)`
   font-weight: 600;
   font-size: 14px;
@@ -21,4 +19,4 @@ export const LogoutText = styled(Typography)`
   position: relative;
   left: -14px;
   top: -3px;
-`
+`;

src/components/Header/Drawer/Buttons/PrivacyPolicyButton/PrivacyPolicyButton.styled.js

@@ -4,7 +4,7 @@ import { DrawerOption } from "../../Drawer.styled";
 import { ReactComponent as BuildingShield } from "../../../../../assets/images/svg/building-shield.svg";
 
 export const GrayDrawerOption = styled(DrawerOption)`
-  color: ${selectedTheme.colors.primaryGrayText};
+  color: ${selectedTheme.colors.primaryPurple};
   letter-spacing: 0.05em;
 `;
 export const PrivacyPolicyIcon = styled(BuildingShield)`

src/components/Header/Drawer/Drawer.styled.js

@@ -25,7 +25,7 @@ export const ToolsContainer = styled(Box)`
   top: 0px;
   bottom: 70px;
   left: ${(props) => (props.isAdmin ? "18px" : "36px")};
-  gap: ${(props) => (props.isAdmin ? "0" : "36px")};
+  gap: ${(props) => (props.isAdmin ? "0" : "26px")};
 `;
 
 export const AuthButtonsDrawerContainer = styled(Box)`
@@ -35,7 +35,7 @@ export const AuthButtonsDrawerContainer = styled(Box)`
 
 export const CloseButton = styled(IconButton)`
   position: absolute;
-  top: 40px;
+  top: 30px;
   right: 36px;
   z-index: 1000;
 `;
@@ -68,7 +68,10 @@ export const FooterButtons = styled(Box)`
   flex-direction: row;
   width: calc(100vw - 72px);
   justify-content: space-between;
-  /* border-top: 3px solid ${hexToRGB(selectedTheme.colors.borderNormal, 0.12)}; */
+  /* border-top: 3px solid ${hexToRGB(
+    selectedTheme.colors.borderNormal,
+    0.12
+  )}; */
 `;
 
 export const HeaderTitle = styled(Typography)`