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 {