Minor change

src/components/Cards/OfferCard/OfferCard.js

@@ -236,7 +236,7 @@ const OfferCard = (props) => {
               <PinOutlinedIcon />
             </PinIconContainer>
           )}
-          {props?.offer?.pinned && <PinIcon isMyOffer={props.isMyOffer} />}
+          {props?.offer?.pinned && <PinIcon vertical={props.vertical} isMyOffer={props.isMyOffer} />}
         </OfferFlexContainer>
       </OfferCardContainer>
       {deleteOfferModal && (

src/components/Cards/OfferCard/OfferCard.styled.js

@@ -403,10 +403,6 @@ export const PinIcon = styled(Pin)`
   position: absolute;
   top: 20px;
   right: 68px;
-  @media (max-width: 600px) {
-    top: 20px;
-    right: 55px;
-  }
   ${(props) =>
     props.isMyOffer &&
     `
@@ -417,6 +413,16 @@ export const PinIcon = styled(Pin)`
       right: 94px;
     }
   `}
+  @media (max-width: 600px) {
+    top: 20px;
+    right: 55px;
+    ${props => props.vertical && `
+      top: initial;
+      bottom: 18px;
+      right: 18px;
+    `}
+  }
+  
 `;
 export const CategoryIcon = styled(Category)`
   width: 14px;