From 5980faae0d6af2bc34791cd13d084c2a292f88e2 Mon Sep 17 00:00:00 2001
From: trashtemp <96388163+trashtemp@users.noreply.github.com>
Date: Sun, 26 Dec 2021 23:43:07 +0100
Subject: [PATCH] fix(header): new unread bar fixed on mobile

---
 src/components/common/messaging/bars/JumpToBottom.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/common/messaging/bars/JumpToBottom.tsx b/src/components/common/messaging/bars/JumpToBottom.tsx
index 8e6a26af..e85f1fac 100644
--- a/src/components/common/messaging/bars/JumpToBottom.tsx
+++ b/src/components/common/messaging/bars/JumpToBottom.tsx
@@ -61,6 +61,12 @@ export const Bar = styled.div<{ position: "top" | "bottom"; accent?: boolean }>`
                           0;
                   `}
 
+                  ${() =>
+            isTouchscreenDevice &&
+            css`
+                top: 56px;
+            `}
+
         > div {
             display: flex;
             align-items: center;