diff --git a/src/components/masa-interface/masa-interface.tsx b/src/components/masa-interface/masa-interface.tsx
index f36b8d24..c201daba 100644
--- a/src/components/masa-interface/masa-interface.tsx
+++ b/src/components/masa-interface/masa-interface.tsx
@@ -132,8 +132,8 @@ export const MasaInterface = ({
       if (isConnected) {
         // * user does not have a wallet
         if (!hasAccountAddress) {
-          openConnectModal?.();
           setModalOpen?.(false);
+          openConnectModal?.();
           console.log('user does not have wallet but is connected', {
             openConnectModal,
             hasAccountAddress,
@@ -208,7 +208,7 @@ export const MasaInterface = ({
 
       if (hasAccountAddress && isLoggedIn) return 'connectedState';
       // return 'authenticate';
-      setModalOpen?.(false);
+
       openConnectModal?.();
       setRainbowkKitModalCallback?.(() => {
         return () => {
@@ -217,7 +217,10 @@ export const MasaInterface = ({
         };
       });
 
-      if (hasAccountAddress) return 'authenticate';
+      if (hasAccountAddress) {
+        console.log('im ehre');
+        return 'authenticate';
+      }
       return 'rainbowkitConnect';
     }
   }, [
diff --git a/src/styles.scss b/src/styles.scss
index 79507eed..3506477b 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -804,7 +804,6 @@
         flex-direction: column;
 
         span {
-          border: 2px solid red;
           span {
             padding: 4px;
           }
diff --git a/stories/masa.stories.tsx b/stories/masa.stories.tsx
index 2c4c5927..b459076d 100644
--- a/stories/masa.stories.tsx
+++ b/stories/masa.stories.tsx
@@ -245,7 +245,7 @@ const TemplateWithRainbowKit: Story = (props: Args) => {
         company="Masa"
         walletsToUse={['metamask', 'valora', 'walletconnect']}
         useRainbowKitWalletConnect
-        forceNetwork="alfajores"
+        forceNetwork="celo"
         rainbowKitModalSize={'wide'}
         verbose={false}
       >