Finished partly feature 710

src/components/UserReviews/UserReviews.styled.js

@@ -17,6 +17,9 @@ export const ReviewsBox = styled(Box)`
       position: relative;
       top: -15px;
     `}
+  @media (max-width: 1350px) {
+    min-width: 0;
+  }
   /* margin-top: ${(props) => (props.profile ? "60px" : "0")}; */
   @media (max-width: 600px) {
     position: relative;

src/layouts/ProfileLayout/ProfileLayout.js

@@ -10,13 +10,14 @@ import {
 const ProfileLayout = (props) => {
   return (
     <ProfileLayoutContainer
+      isAdmin={props.isAdmin}
       singleOffer={props.singleOffer}
       profile={props.profile}
     >
       {props.children}
       <ContentRightCardContainer container spacing={2}>
-        <Content sm={12} md={9} lg={9} item>{props.content}</Content>
-        <RightCard sm={0} md={3} lg={3} item singleOffer={props.singleOffer} profile={props.profile}>
+        <Content sm={12} md={8} lg={9} item>{props.content}</Content>
+        <RightCard sm={0} md={4} lg={3} item singleOffer={props.singleOffer} profile={props.profile}>
           {props.rightCard}
         </RightCard>
       </ContentRightCardContainer>
@@ -31,6 +32,7 @@ ProfileLayout.propTypes = {
   rightCard: PropTypes.node,
   singleOffer: PropTypes.bool,
   profile: PropTypes.bool,
+  isAdmin: PropTypes.bool,
 };
 
 export default ProfileLayout;

src/layouts/ProfileLayout/ProfileLayout.styled.js

@@ -11,8 +11,8 @@ export const ProfileLayoutContainer = styled(Container)`
   position: relative;
   /* flex: 1; */
   height: 100%;
-  @media (max-width: 1200px) {
-    padding-right: 36px;
+  @media (max-width: 1350px) {
+    padding-right: ${props => props.isAdmin ? "36px" : "0"};
   }
   @media (max-width: 600px) {
     padding-left: 0;