diff --git a/src/components/modals/gift/GiftItem.module.scss b/src/components/modals/gift/GiftItem.module.scss index 9d8391aa9..e613b61d6 100644 --- a/src/components/modals/gift/GiftItem.module.scss +++ b/src/components/modals/gift/GiftItem.module.scss @@ -28,6 +28,8 @@ opacity: 0; background-color: var(--color-hover-overlay); + + transition: opacity 0.15s; } :global(html.theme-dark) & { diff --git a/src/components/modals/gift/GiftModal.module.scss b/src/components/modals/gift/GiftModal.module.scss index e8d6ffbdc..5fc251470 100644 --- a/src/components/modals/gift/GiftModal.module.scss +++ b/src/components/modals/gift/GiftModal.module.scss @@ -161,7 +161,7 @@ .resaleHeaderText { margin: 0; - margin-bottom: 0.25rem !important; + margin-bottom: 0.0625rem !important; } .resaleHeaderDescription { diff --git a/src/components/modals/gift/StarGiftCategoryList.module.scss b/src/components/modals/gift/StarGiftCategoryList.module.scss index a767f8872..7569ede14 100644 --- a/src/components/modals/gift/StarGiftCategoryList.module.scss +++ b/src/components/modals/gift/StarGiftCategoryList.module.scss @@ -42,6 +42,8 @@ color: var(--color-text-secondary); white-space: nowrap; + transition: background-color 0.15s; + &:hover { cursor: pointer; background-color: var(--color-background-secondary-accent); diff --git a/src/components/modals/stars/StarsBalanceModal.module.scss b/src/components/modals/stars/StarsBalanceModal.module.scss index 15ea23347..470136614 100644 --- a/src/components/modals/stars/StarsBalanceModal.module.scss +++ b/src/components/modals/stars/StarsBalanceModal.module.scss @@ -146,6 +146,7 @@ width: 1rem; height: 1rem; + margin-top: 0.0625rem; padding: 0; border-radius: 50%;