From 0541c21b985b19e3b4201627344cd4ca46ac8217 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Tue, 12 Mar 2024 14:50:22 +0200
Subject: [PATCH] feat(logs terminal): fix spacing bug

---
 src/pages/LogsPage/LogsTerminal.tsx                       | 2 +-
 .../ManageValidator/DepositStepper.tsx                    | 8 +++-----
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/pages/LogsPage/LogsTerminal.tsx b/src/pages/LogsPage/LogsTerminal.tsx
index 63b42abd..b99e3d71 100644
--- a/src/pages/LogsPage/LogsTerminal.tsx
+++ b/src/pages/LogsPage/LogsTerminal.tsx
@@ -114,7 +114,7 @@ const LogsTerminal = ({
       style={{
         height: '650px',
         overflowX: 'auto',
-        width: '90%',
+        width: 'calc(100% - 20px)',
         border: '1px solid #E7EAEE',
         borderRadius: '15px',
         backgroundColor: '#282c34',
diff --git a/src/pages/ValidatorManagement/ManageValidator/DepositStepper.tsx b/src/pages/ValidatorManagement/ManageValidator/DepositStepper.tsx
index 64ccfd60..545bccec 100644
--- a/src/pages/ValidatorManagement/ManageValidator/DepositStepper.tsx
+++ b/src/pages/ValidatorManagement/ManageValidator/DepositStepper.tsx
@@ -83,12 +83,10 @@ const DepositStepper = ({ activeStep }: DepositStepperProps) => {
         step => {
           const originalIndex = DepositStatusSteps.indexOf(step)
           const isActive = originalIndex <= activeStep
-
           const customStepStyle = {
             backgroundColor: isActive ? '#2A4CF4' : '#E0E0E0',
             border: '4px solid #fff',
           }
-
           return (
             <Step
               key={originalIndex}
@@ -97,7 +95,7 @@ const DepositStepper = ({ activeStep }: DepositStepperProps) => {
               onClick={() => changeStepOnClickHandler(originalIndex)}
               completed={activeStep > originalIndex - 1}
               data-step={step.label}
-              style={customStepStyle} // Apply custom inline style
+              style={customStepStyle}
             />
           )
         },
@@ -118,10 +116,10 @@ const stepStyle = {
   activeBorderWidth: '2px',
   // For completed dots:
   completedBgColor: '#2A4CF4',
-  activeTextColor: '#ffffff',
+
   completedTextColor: '#ffffff',
   inactiveTextColor: '#000000',
-  size: '22px',
+  size: '21px',
 
   circleFontSize: '0px',