chore: fix widths

Author: mmioana

src/components/EarnDetails/EarnDetails.styles.ts

@@ -110,6 +110,7 @@ export const EarnDetailsRowFlexContainer = styled(EarnDetailsFlexContainer)(
 
 export const EarnDetailsColumnFlexContainer = styled(EarnDetailsFlexContainer)(
   ({ theme }) => ({
+    maxWidth: '-webkit-fill-available',
     flex: '1 0 fit-content',
     flexDirection: 'column',
     justifyContent: 'space-between',

src/components/EarnDetails/EarnDetailsPosition/EarnDetailsPosition.tsx

@@ -158,8 +158,9 @@ export const EarnDetailsPosition: FC<EarnDetailsPositionProps> = ({
       tabs={tabs}
       size={HorizontalTabSize.SM}
       sx={{
+        maxWidth: '-webkit-fill-available',
         width: {
-          lg: 408,
+          md: 408,
         },
       }}
       renderContent={(value) => {