diff --git a/src/components/common/ChatOrUserPicker.scss b/src/components/common/ChatOrUserPicker.scss
index 0852aa060..43ff499a2 100644
--- a/src/components/common/ChatOrUserPicker.scss
+++ b/src/components/common/ChatOrUserPicker.scss
@@ -8,6 +8,11 @@
     }
   }
 
+  &_slide {
+    display: flex;
+    flex-direction: column;
+  }
+
   .modal-header {
     display: flex;
     align-items: center;
diff --git a/src/components/common/ChatOrUserPicker.tsx b/src/components/common/ChatOrUserPicker.tsx
index d87b5ddc4..ec1291cb1 100644
--- a/src/components/common/ChatOrUserPicker.tsx
+++ b/src/components/common/ChatOrUserPicker.tsx
@@ -268,7 +268,7 @@ const ChatOrUserPicker: FC<OwnProps> = ({
       onClose={onClose}
       onCloseAnimationEnd={onCloseAnimationEnd}
     >
-      <Transition activeKey={activeKey} name="slideFade">
+      <Transition activeKey={activeKey} name="slideFade" slideClassName="ChatOrUserPicker_slide">
         {() => {
           return activeKey === TOPIC_LIST_SLIDE ? renderTopicList() : renderChatList();
         }}