From fe9a50db976fef7acba1db345be397305bdb3c45 Mon Sep 17 00:00:00 2001
From: Tom <mottoes_recap0u@icloud.com>
Date: Sat, 29 Apr 2023 14:31:16 +0200
Subject: [PATCH] fix Virtuoso margin, increaseViewportBy flicker

---
 src/components/styled/Board.styled.jsx | 4 +++-
 src/components/views/Board.jsx         | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/styled/Board.styled.jsx b/src/components/styled/Board.styled.jsx
index c91d3c13..a3797510 100644
--- a/src/components/styled/Board.styled.jsx
+++ b/src/components/styled/Board.styled.jsx
@@ -1560,7 +1560,8 @@ export const TopBar = styled.div`
 
 export const BoardForm = styled.div`
   @media (min-width: 480px) {
-    margin-bottom: 25px;
+    margin-bottom: 130px;
+
     .thread-mobile {
       display: none;
     }
@@ -2928,6 +2929,7 @@ export const BoardForm = styled.div`
 
   @media (max-width: 480px) {
     margin-top: -5%;
+    margin-bottom: 335px;
 
     .thread {
       display: none;
diff --git a/src/components/views/Board.jsx b/src/components/views/Board.jsx
index 87ab88fd..e7d6c8f8 100644
--- a/src/components/views/Board.jsx
+++ b/src/components/views/Board.jsx
@@ -459,7 +459,7 @@ const Board = () => {
               <PostLoader />
             ) : (
               <Virtuoso
-                increaseViewportBy={{bottom: 1000}}
+                increaseViewportBy={2000}
                 data={selectedFeed}
                 itemContent={(index, thread) => {
                   const { displayedReplies, omittedCount } = filteredRepliesByThread[thread.cid] || {};