diff --git a/src/components/common/AnimatedIconWithPreview.tsx b/src/components/common/AnimatedIconWithPreview.tsx index 1eaa0651..1e2169b4 100644 --- a/src/components/common/AnimatedIconWithPreview.tsx +++ b/src/components/common/AnimatedIconWithPreview.tsx @@ -41,7 +41,7 @@ function AnimatedIconWithPreview(props: OwnProps) { // eslint-disable-next-line jsx-a11y/alt-text )} - {!isAnimationReady && ( + {!isAnimationReady && previewUrl && ( // eslint-disable-next-line jsx-a11y/alt-text void; diff --git a/src/components/left/settings/Settings.scss b/src/components/left/settings/Settings.scss index fddeb5f8..e56c740f 100644 --- a/src/components/left/settings/Settings.scss +++ b/src/components/left/settings/Settings.scss @@ -97,6 +97,11 @@ .settings-content-icon { margin-bottom: 2.5rem; + + &.opacity-transition:not(.shown) { + display: block; + visibility: hidden; + } } .settings-main-menu-premium .PremiumIcon {