Hotfix: Fixing header bug

src/components/Buttons/ArrowButton/ArrowButton.styled.js

@@ -11,9 +11,9 @@ export const ArrowIcon = styled(DownArrow)`
 `}
   width: 18px;
   height: 18px;
-  position: relative;
+  /* position: relative;
   top: 1px;
-  left: 1px;
+  left: 1px; */
   & path {
     ${(props) =>
       props.disabled &&

src/components/ItemDetails/ItemDetailsHeaderCard/ItemDetailsHeaderCard.styled.js

@@ -163,9 +163,9 @@ export const MessageIcon = styled(IconButton)`
   background-color: ${selectedTheme.colors.primaryPurple};
   border-radius: 100%;
   padding-top: 2px;
-  position: absolute;
+  /* position: absolute;
   top: 10px;
-  right: 10px;
+  right: 10px; */
   ${(props) =>
     props.disabled &&
     css`

src/components/Popovers/MyProfile/MyProfile.js

@@ -21,7 +21,8 @@ import LogoutButton from "./LogoutButton/LogoutButton";
 import AboutButton from "./AboutButton/AboutButton";
 import PrivacyPolicyButton from "./PrivacyPolicyButton/PrivacyPolicyButton";
 import PricesButton from "./PricesButton/PricesButton";
-import { ADMIN_HOME_PAGE } from "../../../constants/pages";
+import { ADMIN_HOME_PAGE, PROFILE_PAGE } from "../../../constants/pages";
+import { replaceInRoute } from "../../../util/helpers/routeHelpers";
 
 export const MyProfile = (props) => {
   const { t } = useTranslation();
@@ -62,7 +63,9 @@ export const MyProfile = (props) => {
     }
   }, [profile]);
   const seeMyProfile = () => {
-    history.push(`/profile/${userId}`);
+    history.push(replaceInRoute(PROFILE_PAGE, {
+      profileId: userId
+    }));
     props.closePopover();
   };
   const goToAdminHome = () => {