button logic fix

src/App.tsx

@@ -177,10 +177,12 @@ export function App() {
                     50 ETH and there is a request cooldown for 5 hours to avoid
                     misuse.
                   </p>
-                  <p className="mb-8 leading-relaxed title-font">
-                    Connect you wallet in order to check for Soulbound token
-                    please.
-                  </p>
+                  {!isConnected && (
+                    <p className="mb-8 leading-relaxed title-font">
+                      Connect you wallet in order to check for Soulbound token
+                      please.
+                    </p>
+                  )}
                 </>
               )
               : (
@@ -201,7 +203,7 @@ export function App() {
                 <div className="mb-4 text-sm font-medium">
                   <div className="flex space-x-4">
                     <button
-                      className={isConnected ? `greenbtn` : `greenbtn`}
+                      className={isConnected ? `whitebtn` : `greenbtn`}
                       onClick={() => setIsConnecting(true)}
                       disabled={isFetching != "none" || isConnected}
                     >
@@ -228,7 +230,7 @@ export function App() {
               )}
           </div>
           <div className="lg:max-w-lg lg:w-full md:w-1/3 w-5/6 flex justify-center">
-          <div className="flex flex-col">
+            <div className="flex flex-col">
               <img className="w-48 -ml-2" src="logo.svg" />
               <h1 className="title-font sm:text-4xl text-3xl mb-4 font-medium text-white">
                 <p className="font-bold bg-white text-black">ETH Faucet</p>

src/index.css

@@ -16,7 +16,7 @@
     }
 
     .whitebtn {
-        @apply px-6 h-12 uppercase font-semibold tracking-wider border border-slate-200 text-white hover:border-white disabled:opacity-20 hover:bg-white/30;
+        @apply px-6 h-12 uppercase font-semibold tracking-wider border border-slate-200 text-white hover:border-white disabled:opacity-20 hover:bg-white/30 disabled:hover:bg-black;
     }
 
     .redbtn {