From 8ed270d34b5eebedd8b8069d07b6981757cb6add Mon Sep 17 00:00:00 2001
From: Ayush Jhawar <ayushjhawar499@gmail.com>
Date: Tue, 4 Feb 2025 15:11:04 +0530
Subject: [PATCH] fix: the cancel button overlapping

---
 lib/components/RunFrame.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/components/RunFrame.tsx b/lib/components/RunFrame.tsx
index 5acde88..2d59802 100644
--- a/lib/components/RunFrame.tsx
+++ b/lib/components/RunFrame.tsx
@@ -307,7 +307,7 @@ export const RunFrame = (props: Props) => {
                 )}
               </button>
               {isRunning && (
-                <div className="rf-flex rf-items-center">
+                <div className="rf-flex rf-items-center rf-ml-1">
                   <Button
                     onClick={(e) => {
                       e.stopPropagation()
@@ -320,7 +320,7 @@ export const RunFrame = (props: Props) => {
                     }}
                     variant="ghost"
                     size="icon"
-                    className="rf-text-red-300 hover:rf-text-red-400 hover:!rf-bg-transparent -ml-4 [&>svg]:rf-text-red-300 [&>svg]:hover:rf-text-red-400 rf-flex rf-items-center rf-justify-center"
+                    className="rf-text-red-300 hover:rf-text-red-400 hover:!rf-bg-transparent [&>svg]:rf-text-red-300 [&>svg]:hover:rf-text-red-400 rf-flex rf-items-center rf-justify-center"
                   >
                     <Square
                       className="!rf-h-2.5 !rf-w-2.5"