diff --git a/src/components/modals/gift/StarGiftPriceDecreaseInfoModal.module.scss b/src/components/modals/gift/StarGiftPriceDecreaseInfoModal.module.scss index f744a5582..cc7a1105b 100644 --- a/src/components/modals/gift/StarGiftPriceDecreaseInfoModal.module.scss +++ b/src/components/modals/gift/StarGiftPriceDecreaseInfoModal.module.scss @@ -1,3 +1,7 @@ +.content { + max-height: min(92vh, 37.5rem); +} + .header { text-align: center; } @@ -30,7 +34,8 @@ .table { overflow-y: auto; - max-height: 19.25rem; + flex-shrink: 1; + min-height: 0; } .footerText { diff --git a/src/components/modals/gift/StarGiftPriceDecreaseInfoModal.tsx b/src/components/modals/gift/StarGiftPriceDecreaseInfoModal.tsx index cbdff8c48..d33fe5a1b 100644 --- a/src/components/modals/gift/StarGiftPriceDecreaseInfoModal.tsx +++ b/src/components/modals/gift/StarGiftPriceDecreaseInfoModal.tsx @@ -87,6 +87,7 @@ const StarGiftPriceDecreaseInfoModal = ({ modal }: OwnProps) => { header={header} tableData={tableData} tableClassName={buildClassName(styles.table, 'custom-scroll')} + contentClassName={styles.content} footer={footer} /> ); diff --git a/src/components/modals/gift/upgrade/GiftUpgradeModal.module.scss b/src/components/modals/gift/upgrade/GiftUpgradeModal.module.scss index e40cf57a0..839c210c4 100644 --- a/src/components/modals/gift/upgrade/GiftUpgradeModal.module.scss +++ b/src/components/modals/gift/upgrade/GiftUpgradeModal.module.scss @@ -14,8 +14,7 @@ } .link { - display: flex; - justify-content: center; + align-self: center; } .priceDecreaseTimer {