Merge pull request #108 from Synthetixio/spotlight-variant

fix(button): repositioned the spotlight
Synthetixio · Jul 12, 2022 · b1a2ec5 · b1a2ec5
2 parents f57a5fa + 2187991
commit b1a2ec5
Showing 1 changed file with 4 additions and 4 deletions.
diff --git 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>
   );
 };