From df79be9affe6e8ccbd7b51e7c735f9d37a387d81 Mon Sep 17 00:00:00 2001
From: FromTheLOLAshes <from.the.lol.ashes@gmail.com>
Date: Mon, 1 Apr 2024 21:28:11 +0700
Subject: [PATCH] Fixed issue with timeline size change

---
 app/modules/LowerPanel/LowerPanel.tsx | 32 ++++++++++++++-------------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/app/modules/LowerPanel/LowerPanel.tsx b/app/modules/LowerPanel/LowerPanel.tsx
index cc125f3680..a95d7c9e8e 100644
--- a/app/modules/LowerPanel/LowerPanel.tsx
+++ b/app/modules/LowerPanel/LowerPanel.tsx
@@ -38,25 +38,27 @@ export const LowerPanel = ({ children }: LowerPanelPropsI) => {
   );
 
   return (
-    <div
-      className={[
-        "absolute bottom-0",
-        "w-screen overflow-auto",
-        "bg-ui-panel",
-      ].join(" ")}
-      style={{ height: displayHeight }}
-      onPointerOver={() => {
-        overTimeline.value = true;
-      }}
-      onPointerLeave={() => (overTimeline.value = false)}
-      onPointerDown={onTimelineClick}
-    >
+    <>
       <div
         className="w-full cursor-ns-resize bg-ui-panel-border"
         style={{ height: 3, zIndex: 1000 }}
         onPointerDown={onPointerDown}
       />
-      {children}
-    </div>
+      <div
+        className={[
+          "absolute bottom-0",
+          "w-screen overflow-auto",
+          "bg-ui-panel",
+        ].join(" ")}
+        style={{ height: displayHeight - 3 }}
+        onPointerOver={() => {
+          overTimeline.value = true;
+        }}
+        onPointerLeave={() => (overTimeline.value = false)}
+        onPointerDown={onTimelineClick}
+      >
+        {children}
+      </div>
+    </>
   );
 };