diff --git a/src/components/process/processStepTwo/rightSideBar/DirectionalControls.tsx b/src/components/process/processStepTwo/rightSideBar/DirectionalControls.tsx
index 493e4b8..2f62066 100644
--- a/src/components/process/processStepTwo/rightSideBar/DirectionalControls.tsx
+++ b/src/components/process/processStepTwo/rightSideBar/DirectionalControls.tsx
@@ -157,7 +157,7 @@ const DirectionalControls: React.FC<DirectionalControlsProps> = ({
         </div>
 
         {/* Center Panel */}
-        <div className="relative flex items-center justify-center bg-white rounded-lg px-1 py-2 w-24">
+        <div className="relative flex items-center justify-center bg-white rounded-lg px-1 py-2 w-24 ">
           {/* Floating dimensions tooltip */}
           <div className="absolute -top-2 left-1/2 -translate-x-1/2 px-2 py-[1px] text-[10px] font-mono text-black z-10 rounded-sm flex items-center gap-[2px]">
             <input
@@ -167,7 +167,7 @@ const DirectionalControls: React.FC<DirectionalControlsProps> = ({
               onBlur={() => handlePositionInputBlur('left')}
               onKeyPress={(e) => handleKeyPress(e, 'left')}
               disabled={disabled}
-              className="w-[40px] h-[16px] text-[10px] text-center border-none focus:outline-none text-black font-mono"
+              className="w-[40px]   h-[16px] text-[10px] text-center border-none focus:outline-none text-black font-mono"
             />
             <span className="mx-[1px]">×</span>
             <input