From 98a85f1d5086d11f37eba0cf4a146c747d91b8f3 Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Tue, 6 Aug 2024 20:14:50 +0100
Subject: [PATCH] add spacer div to fix statusbar debugger cutoff

---
 libs/remix-ui/debugger-ui/src/lib/debugger-ui.css | 3 ++-
 libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/libs/remix-ui/debugger-ui/src/lib/debugger-ui.css b/libs/remix-ui/debugger-ui/src/lib/debugger-ui.css
index 01754f6ca3..be89e5ef8c 100644
--- a/libs/remix-ui/debugger-ui/src/lib/debugger-ui.css
+++ b/libs/remix-ui/debugger-ui/src/lib/debugger-ui.css
@@ -20,7 +20,8 @@
 .debuggerPanels {
   overflow-y: auto;
   height: fit-content;
+
 }
 .jumpToFunctionClick span {
   cursor: pointer;
-}
\ No newline at end of file
+}
diff --git a/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx b/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx
index 2aeeb823ed..c50fdfa99e 100644
--- a/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx
@@ -400,7 +400,7 @@ export const DebuggerUI = (props: DebuggerUIProps) => {
   return (
     <div>
       <Toaster message={state.toastMessage} />
-      <div className="px-2" ref={debuggerTopRef}>
+      <div className="px-2 pb-3" ref={debuggerTopRef}>
         <div>
           <div className="mt-2 mb-2 debuggerConfig custom-control custom-checkbox">
             <CustomTooltip tooltipId="debuggerGenSourceCheckbox" tooltipText={<FormattedMessage id="debugger.debugWithGeneratedSources" />} placement="bottom-start">
@@ -471,6 +471,7 @@ export const DebuggerUI = (props: DebuggerUIProps) => {
             currentTransaction={state.currentTransaction}
           />
         )}
+        <div id="bottomSpacer" className="p-1 mt-3"></div>
       </div>
     </div>
   )