From 539ac259272bce4ea43be083640fb855cab9698b Mon Sep 17 00:00:00 2001
From: Audric Ackermann <audric@loki.network>
Date: Tue, 13 Feb 2024 15:03:04 +1100
Subject: [PATCH] fix: set btn for disappearing message absolute position

---
 .../disappearing-messages/OverlayDisappearingMessages.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/ts/components/conversation/right-panel/overlay/disappearing-messages/OverlayDisappearingMessages.tsx b/ts/components/conversation/right-panel/overlay/disappearing-messages/OverlayDisappearingMessages.tsx
index d68f7d544..8c50402d7 100644
--- a/ts/components/conversation/right-panel/overlay/disappearing-messages/OverlayDisappearingMessages.tsx
+++ b/ts/components/conversation/right-panel/overlay/disappearing-messages/OverlayDisappearingMessages.tsx
@@ -23,9 +23,13 @@ import { Header, HeaderSubtitle, HeaderTitle, StyledScrollContainer } from '../c
 import { DisappearingModes } from './DisappearingModes';
 import { TimeOptions } from './TimeOptions';
 
+const ButtonSpacer = styled.div`
+  height: 80px;
+`;
+
 const StyledButtonContainer = styled.div`
   background: linear-gradient(0deg, black, transparent);
-  position: sticky;
+  position: absolute;
   width: 100%;
   bottom: 0px;
 
@@ -210,6 +214,8 @@ export const OverlayDisappearingMessages = () => {
             </StyledNonAdminDescription>
           </>
         )}
+        <ButtonSpacer />
+
         <StyledButtonContainer>
           <SessionButton
             onClick={handleSetMode}