From df0aff29d906a570684bb0049bfc52b3787b4f06 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Sat, 14 Oct 2023 01:06:10 +0200
Subject: [PATCH] cleanup

---
 .../lib/button-navigator/button-navigator.css | 28 -------------------
 .../lib/button-navigator/button-navigator.tsx |  6 ++--
 2 files changed, 2 insertions(+), 32 deletions(-)

diff --git a/libs/remix-ui/debugger-ui/src/lib/button-navigator/button-navigator.css b/libs/remix-ui/debugger-ui/src/lib/button-navigator/button-navigator.css
index f8b3b7926a..c1b6cae860 100644
--- a/libs/remix-ui/debugger-ui/src/lib/button-navigator/button-navigator.css
+++ b/libs/remix-ui/debugger-ui/src/lib/button-navigator/button-navigator.css
@@ -2,24 +2,7 @@
     display: flex;
     flex-wrap: wrap;
 }
-.stepButtons {
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    color: #fff;
-}
-
-.stepButtonDisabled {
-    background-color: #005573;
-    border-color: #005573;
-}
 
-.stepButton:hover {
-    color: #fff;
-    background-color: var(--primary);
-    border-color: #005573;
-}
 .jumpButtons {
     width: 100%;
     display: flex;
@@ -28,17 +11,6 @@
     color: #fff;
 }
 
-.jumpButtonDisabled {
-    background-color: var(--gray);
-    border-color: #005573;
-}
-
-.jumButton:hover {
-    color: #fff;
-    background-color: #005573;
-    border-color: #005573;
-}
-
 .cursorPointerRemixDebugger {
     cursor: pointer;
 }
\ No newline at end of file
diff --git a/libs/remix-ui/debugger-ui/src/lib/button-navigator/button-navigator.tsx b/libs/remix-ui/debugger-ui/src/lib/button-navigator/button-navigator.tsx
index 2c7aed6603..5609280eed 100644
--- a/libs/remix-ui/debugger-ui/src/lib/button-navigator/button-navigator.tsx
+++ b/libs/remix-ui/debugger-ui/src/lib/button-navigator/button-navigator.tsx
@@ -66,8 +66,6 @@ export const ButtonNavigation = ({
   }
 
   const stepBtnStyle = 'd-flex align-items-center justify-content-center btn btn-primary btn-sm stepButton h-75 m-0 p-1'
-  const disableStepBtnStyle = 'disabled'
-  const disableJumpBtnStyle = 'disabled'
   const stepMarkupStructure = {
     stepOverBackJSX: {
       markup: (
@@ -276,7 +274,7 @@ export const ButtonNavigation = ({
 
   return (
     <div className="buttons">
-      <div className="stepButtons btn-group py-1">
+      <div className="w-100 btn-group py-1">
         {Object.keys(stepMarkupStructure).map((x) => (
           <CustomTooltip
             placement={stepMarkupStructure[x].placement}
@@ -289,7 +287,7 @@ export const ButtonNavigation = ({
         ))}
       </div>
 
-      <div className="jumpButtons btn-group py-1">
+      <div className="w-100 btn-group py-1">
         {Object.keys(jumpMarkupStructure).map((x) => (
           <CustomTooltip
             placement={jumpMarkupStructure[x].placement}