From 02dd2044e8ab9f08ba941c5f01baffc497837921 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Wed, 7 Jul 2021 15:37:53 +0300
Subject: [PATCH] Profile: Fix flickering on iOS (#1245)

---
 src/components/main/Main.tsx      | 2 --
 src/components/right/Profile.scss | 2 ++
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/main/Main.tsx b/src/components/main/Main.tsx
index 5e8c7004..3b98a1aa 100644
--- a/src/components/main/Main.tsx
+++ b/src/components/main/Main.tsx
@@ -112,8 +112,6 @@ const Main: FC<StateProps & DispatchProps> = ({
   useEffect(() => {
     // For animating Symbol Menu on mobile
     document.body.classList.toggle('is-middle-column-open', className.includes('middle-column-open'));
-    // For animating components in portals (i.e. Notification)
-    document.body.classList.toggle('is-right-column-shown', className.includes('right-column-open'));
   }, [className]);
 
   // Add `body` classes when toggling right column
diff --git a/src/components/right/Profile.scss b/src/components/right/Profile.scss
index afb6bf01..d1d9a4d6 100644
--- a/src/components/right/Profile.scss
+++ b/src/components/right/Profile.scss
@@ -2,6 +2,8 @@
   height: 100%;
   overflow-y: scroll;
   overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
 
   @supports (overflow-y: overlay) {
     overflow-y: overlay !important;