Edit bug fixed

src/components/Cards/CreateOfferCard/CreateOffer.styled.js

   padding: ${(props) => (props.currentstep !== 3 ? "0 120px" : "0 36px")};
   overflow-y: auto;
   overflow-x: hidden;
-  ${(props) => props.currentstep === 3 && `height: 712px;`}
+  /* ${(props) => props.currentstep === 3 && `height: 712px;`} */
   &::-webkit-scrollbar {
     width: 5px;
   }
     top: 0;
     left: 0;
     padding: 0 30px;
-    ${props => props.currentstep === 3 && `padding: 0;`}
+    ${(props) => props.currentstep === 3 && `padding: 0;`}
   }
 `;
 
   align-items: center;
   ${(props) => props.currentstep === 3 && `padding-bottom: 20px;`}
 
-
   @media (max-width: 810px) {
     ${(props) =>
       props.currentstep === 3 &&
   }
 
   @media screen and (max-width: 600px) {
-    width: 95%;
-    ${props => props.currentstep === 3 && `padding: 0 8px;`}
+    width: 100%;
+    padding-right: 0;
+    padding-left: 0;
+    ${(props) => props.currentstep === 3 && `padding: 0 15px;`}
   }
 `;
 export const CreateOfferTitle = styled(Typography)`
     position: absolute;
     bottom: 18px;
     height: 44px;
-    width: calc(100% - 18px);
-    left: 9px;
+    width: 339px;
+    /* left: 9px; */
     & button {
       height: 44px;
     }

src/components/Cards/CreateOfferCard/ThirdPart/ThirdPartCreateOffer.styled.js

     width: 339px;
     height: 44px;
     position: absolute;
-    bottom: 18px;
+    bottom: 26px;
   }
 `;

src/components/Cards/ItemDetailsCard/OfferDetails/OfferDetails.styled.js

   padding: ${(props) => (props.singleOffer ? 0 : "0 60px")};
   margin-top: 10px;
   padding-right: 18px;
-  overflow-y: ${props => !props.previewCard && `auto`};
+  overflow-y: ${(props) => !props.previewCard && `auto`};
   ${(props) =>
     !props.singleOffer &&
     `
 export const OfferInfoContainer = styled(Box)`
   ${(props) => props.previewCard === undefined && `height: 500px;`}
   overflow-y: auto;
+  width: 100%;
   ::-webkit-scrollbar {
     width: 5px;
   }