diff --git a/packages/react-chat/src/components/Chat/ChatBody.tsx b/packages/react-chat/src/components/Chat/ChatBody.tsx
index 950c722..d2e6cef 100644
--- a/packages/react-chat/src/components/Chat/ChatBody.tsx
+++ b/packages/react-chat/src/components/Chat/ChatBody.tsx
@@ -182,11 +182,7 @@ const ChatTopbar = styled.div`
   position: relative;
 
   &.narrow {
-    position: fixed;
-    top: 0;
-    left: 0;
     width: 100%;
-    z-index: 2;
   }
 `;
 
diff --git a/packages/react-chat/src/components/NarrowMode/NarrowChannels.tsx b/packages/react-chat/src/components/NarrowMode/NarrowChannels.tsx
index c7e5ac0..2d8f89e 100644
--- a/packages/react-chat/src/components/NarrowMode/NarrowChannels.tsx
+++ b/packages/react-chat/src/components/NarrowMode/NarrowChannels.tsx
@@ -48,6 +48,6 @@ export function NarrowChannels({
 }
 
 const ListWrapper = styled.div`
-  padding: 82px 18px 18px;
+  padding: 0px 18px 18px;
   background: ${({ theme }) => theme.bodyBackgroundColor};
 `;
diff --git a/packages/react-chat/src/components/NarrowMode/NarrowMembers.tsx b/packages/react-chat/src/components/NarrowMode/NarrowMembers.tsx
index fb847d4..eb14dc7 100644
--- a/packages/react-chat/src/components/NarrowMode/NarrowMembers.tsx
+++ b/packages/react-chat/src/components/NarrowMode/NarrowMembers.tsx
@@ -30,6 +30,6 @@ export function NarrowMembers({
 }
 
 const ListWrapper = styled.div`
-  padding: 82px 18px 18px;
+  padding: 0px 18px 18px;
   background: ${({ theme }) => theme.bodyBackgroundColor};
 `;
diff --git a/packages/react-chat/src/components/NarrowMode/NarrowTopbar.tsx b/packages/react-chat/src/components/NarrowMode/NarrowTopbar.tsx
index 367dbb8..0924463 100644
--- a/packages/react-chat/src/components/NarrowMode/NarrowTopbar.tsx
+++ b/packages/react-chat/src/components/NarrowMode/NarrowTopbar.tsx
@@ -22,7 +22,6 @@ const TopbarWrapper = styled.div`
   text-align: center;
   background-color: ${({ theme }) => theme.bodyBackgroundColor};
   padding: 14px 0;
-  position: relative;
 `;
 
 const Heading = styled.p`