diff --git a/src/components/common/ProfileInfo.scss b/src/components/common/ProfileInfo.scss
index 9ea2d8cb1..1c1a743ab 100644
--- a/src/components/common/ProfileInfo.scss
+++ b/src/components/common/ProfileInfo.scss
@@ -1,6 +1,12 @@
 .ProfileInfo {
   aspect-ratio: 1 / 1;
   position: relative;
+  overflow: hidden;
+
+  body.is-safari #Main & {
+    transform: translateZ(-1px) scale(2);
+    transform-origin: 0 0;
+  }
 
   @supports not (aspect-ratio: 1 / 1) {
     &::before {
@@ -23,6 +29,11 @@
     top: 0;
     bottom: 0;
 
+    body:not(.is-firefox):not(.is-safari) & {
+      transform: translateZ(-1px) scale(2);
+      transform-origin: 0 0;
+    }
+
     > .Transition {
       width: 100%;
       height: 100%;
diff --git a/src/components/left/settings/Settings.scss b/src/components/left/settings/Settings.scss
index e00f2fc78..778052900 100644
--- a/src/components/left/settings/Settings.scss
+++ b/src/components/left/settings/Settings.scss
@@ -99,6 +99,7 @@
     margin: 0 -.5rem .625rem;
     box-shadow: inset 0 -.0625rem 0 0 var(--color-background-secondary-accent);
     border-bottom: .625rem solid var(--color-background-secondary);
+    background-color: var(--color-background);
 
     .ListItem.narrow {
       margin-bottom: .25rem;
diff --git a/src/components/left/settings/SettingsMain.tsx b/src/components/left/settings/SettingsMain.tsx
index 4f1d1a6e1..69a5b504c 100644
--- a/src/components/left/settings/SettingsMain.tsx
+++ b/src/components/left/settings/SettingsMain.tsx
@@ -47,7 +47,7 @@ const SettingsMain: FC<OwnProps & StateProps & DispatchProps> = ({
   useHistoryBack(isActive, onReset, onScreenSelect, SettingsScreens.Main);
 
   return (
-    <div className="settings-content custom-scroll">
+    <div className="settings-content custom-scroll parallax-scroll">
       <div className="settings-main-menu">
         {currentUser && (
           <ProfileInfo
diff --git a/src/components/mediaViewer/helpers/ghostAnimation.ts b/src/components/mediaViewer/helpers/ghostAnimation.ts
index 595a459f2..4cb8a5103 100644
--- a/src/components/mediaViewer/helpers/ghostAnimation.ts
+++ b/src/components/mediaViewer/helpers/ghostAnimation.ts
@@ -53,6 +53,11 @@ export function animateOpening(
     fromHeight = uncovered.height;
   }
 
+  if (origin === MediaViewerOrigin.ProfileAvatar || origin === MediaViewerOrigin.SettingsAvatar) {
+    fromWidth = fromImage.offsetWidth;
+    fromHeight = fromImage.offsetHeight;
+  }
+
   const fromTranslateX = (fromLeft + fromWidth / 2) - (toLeft + toWidth / 2);
   const fromTranslateY = (fromTop + fromHeight / 2) - (toTop + toHeight / 2);
   const fromScaleX = fromWidth / toWidth;
@@ -105,9 +110,8 @@ export function animateClosing(origin: MediaViewerOrigin, bestImageData: string,
   const {
     top: fromTop, left: fromLeft, width: fromWidth, height: fromHeight,
   } = fromImage.getBoundingClientRect();
-  const {
-    top: targetTop, left: toLeft, width: toWidth, height: toHeight,
-  } = toImage.getBoundingClientRect();
+  const { top: targetTop, left: toLeft } = toImage.getBoundingClientRect();
+  const { offsetWidth: toWidth, offsetHeight: toHeight } = toImage;
 
   let toTop = targetTop;
   if (!isElementInViewport(container)) {
diff --git a/src/components/right/Profile.scss b/src/components/right/Profile.scss
index f3f2ed93b..3497df9aa 100644
--- a/src/components/right/Profile.scss
+++ b/src/components/right/Profile.scss
@@ -21,6 +21,7 @@
     padding: .875rem .5rem .5rem;
     box-shadow: inset 0 -.0625rem 0 0 var(--color-background-secondary-accent);
     border-bottom: .625rem solid var(--color-background-secondary);
+    background-color: var(--color-background);
 
     .narrow {
       margin-bottom: 0;
@@ -50,6 +51,7 @@
 .shared-media {
   display: flex;
   flex-direction: column-reverse;
+  background-color: var(--color-background);
 
   .TabList {
     background: var(--color-background);
diff --git a/src/components/right/Profile.tsx b/src/components/right/Profile.tsx
index 9c5ad25b7..594e34a0c 100644
--- a/src/components/right/Profile.tsx
+++ b/src/components/right/Profile.tsx
@@ -375,7 +375,7 @@ const Profile: FC<OwnProps & StateProps & DispatchProps> = ({
   return (
     <InfiniteScroll
       ref={containerRef}
-      className="Profile custom-scroll"
+      className="Profile custom-scroll parallax-scroll"
       itemSelector={buildInfiniteScrollItemSelector(resultType)}
       items={canRenderContents ? viewportIds : undefined}
       cacheBuster={cacheBuster}
diff --git a/src/modules/actions/ui/initial.ts b/src/modules/actions/ui/initial.ts
index 672ebccec..f38a74b51 100644
--- a/src/modules/actions/ui/initial.ts
+++ b/src/modules/actions/ui/initial.ts
@@ -2,7 +2,7 @@ import { addReducer, getGlobal, setGlobal } from '../../../lib/teact/teactn';
 
 import { ANIMATION_LEVEL_MAX } from '../../../config';
 import {
-  IS_ANDROID, IS_IOS, IS_MAC_OS, IS_TOUCH_ENV,
+  IS_ANDROID, IS_FIREFOX, IS_IOS, IS_MAC_OS, IS_SAFARI, IS_TOUCH_ENV,
 } from '../../../util/environment';
 import { setLanguage } from '../../../util/langProvider';
 import switchTheme from '../../../util/switchTheme';
@@ -38,6 +38,11 @@ addReducer('init', (global) => {
   } else if (IS_MAC_OS) {
     document.body.classList.add('is-macos');
   }
+  if (IS_FIREFOX) {
+    document.body.classList.add('is-firefox');
+  } else if (IS_SAFARI) {
+    document.body.classList.add('is-safari');
+  }
 });
 
 addReducer('setIsUiReady', (global, actions, payload) => {
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 06cfa77ab..024a46ba7 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -147,6 +147,12 @@ body:not(.is-ios) {
   }
 }
 
+body:not(.is-firefox) .parallax-scroll {
+  perspective: 1px;
+  perspective-origin: left top;
+  transform: translateZ(0px);
+}
+
 .emoji-small {
   background: no-repeat;
   background-size: 1.25rem;
diff --git a/src/util/environment.ts b/src/util/environment.ts
index 48f0c8eae..e4b6f5ae0 100644
--- a/src/util/environment.ts
+++ b/src/util/environment.ts
@@ -39,6 +39,7 @@ export const IS_MAC_OS = PLATFORM_ENV === 'macOS';
 export const IS_IOS = PLATFORM_ENV === 'iOS';
 export const IS_ANDROID = PLATFORM_ENV === 'Android';
 export const IS_SAFARI = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+export const IS_FIREFOX = /firefox|iceweasel/i.test(navigator.userAgent);
 export const IS_PWA = window.matchMedia('(display-mode: standalone)').matches
 || (window.navigator as any).standalone
 || document.referrer.includes('android-app://');