From 33961b89dde91887827e5cbcc2d2488c94d24d20 Mon Sep 17 00:00:00 2001
From: tokodev <pablo@asdloop.com>
Date: Sat, 30 Mar 2024 00:22:55 +0100
Subject: [PATCH] Set same hover effect to new screen buttons

---
 packages/nextjs/pages/index.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/nextjs/pages/index.tsx b/packages/nextjs/pages/index.tsx
index 3f047109..95c77b88 100644
--- a/packages/nextjs/pages/index.tsx
+++ b/packages/nextjs/pages/index.tsx
@@ -232,7 +232,10 @@ const Home: NextPage = () => {
                       <h4 className="text-center mb-6 font-semibold leading-tight">
                         You can decompile the contract (beta) or import the ABI manually below.
                       </h4>
-                      <button className="btn btn-primary" onClick={() => fetchAbiFromHeimdall(localAbiContractAddress)}>
+                      <button
+                        className="btn btn-primary border-2 hover:bg-white hover:text-primary"
+                        onClick={() => fetchAbiFromHeimdall(localAbiContractAddress)}
+                      >
                         {isFetchingAbi ? <span className="loading loading-spinner"></span> : "Decompile (beta)"}
                       </button>
                     </div>
@@ -244,7 +247,10 @@ const Home: NextPage = () => {
                         value={localContractAbi}
                         onChange={e => setLocalContractAbi(e.target.value)}
                       ></textarea>
-                      <button className="btn btn-primary mb-12" onClick={handleUserProvidedAbi}>
+                      <button
+                        className="btn btn-primary border-2 mb-12 hover:bg-white hover:text-primary"
+                        onClick={handleUserProvidedAbi}
+                      >
                         Import ABI
                       </button>
                     </div>