From 2187991af96af520b4c087e843ecfe70f60efeba Mon Sep 17 00:00:00 2001
From: fritzschoff <fritzschoff@icloud.com>
Date: Tue, 12 Jul 2022 11:25:25 +0100
Subject: [PATCH] fix(button): repositioned the spotlight

---
 src/components/Button/Button.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx
index 953063f..6e4d337 100644
--- a/src/components/Button/Button.tsx
+++ b/src/components/Button/Button.tsx
@@ -64,16 +64,16 @@ export const Button: React.FC<ButtonProps> = ({
           />
         )}
         <div
-          className={clsx('ui-block ui-my-auto', {
+          className={clsx('ui-block ui-my-auto ui-relative', {
             'ui-gradient-primary ui-bg-clip-text': !disabled
           })}
         >
           {children}
+          {variant === 'spotlight' && spotlightActive && (
+            <div className='ui-bg-primary w-full ui-rounded ui-h-[2px] ui-w-full ui-absolute -ui-bottom-3' />
+          )}
         </div>
       </div>
-      {variant === 'spotlight' && spotlightActive && (
-        <div className='ui-bg-primary w-full ui-rounded ui-h-[2px] ui-w-full ui-absolute ui-bottom-1' />
-      )}
     </button>
   );
 };