diff --git a/src/components/Posts/Cards/ImportantPostPreviewCard/ImportantPostPreviewCard.styles.ts b/src/components/Posts/Cards/ImportantPostPreviewCard/ImportantPostPreviewCard.styles.ts index 00f5387d7..29abc6a96 100644 --- a/src/components/Posts/Cards/ImportantPostPreviewCard/ImportantPostPreviewCard.styles.ts +++ b/src/components/Posts/Cards/ImportantPostPreviewCard/ImportantPostPreviewCard.styles.ts @@ -8,7 +8,7 @@ interface IStyleProps { const sizeModes = { mobile: { root: { - height: 'calc(100vh - 200px)', + height: 585, padding: [0], }, }, diff --git a/src/old/modules/main/components/ImportantContainer.tsx b/src/old/modules/main/components/ImportantContainer.tsx index 6481e0c96..71f394ac9 100644 --- a/src/old/modules/main/components/ImportantContainer.tsx +++ b/src/old/modules/main/components/ImportantContainer.tsx @@ -49,7 +49,7 @@ export const ImportantContainer: React.FC = ({ post={post} key={post.title} forDeviceType={mobile ? 'mobile' : 'desktop'} - size={mobile ? 'small' : 'large'} + size={mobile ? 'mobile' : 'large'} /> ))} diff --git a/src/old/modules/main/styles/ImportantContainer.styles.ts b/src/old/modules/main/styles/ImportantContainer.styles.ts index 56fb13a16..1fce470c9 100644 --- a/src/old/modules/main/styles/ImportantContainer.styles.ts +++ b/src/old/modules/main/styles/ImportantContainer.styles.ts @@ -6,7 +6,7 @@ export const useStyles = makeStyles( minHeight: 455, }, containerMobile: { - minHeight: 'calc(100vh - 200px)', + minHeight: 585, display: 'flex', flexDirection: 'column', justifyContent: 'center',