diff --git a/apps/builddao/widget/components/login-now.jsx b/apps/builddao/widget/components/login-now.jsx
index b82ba89a..09f87aa6 100644
--- a/apps/builddao/widget/components/login-now.jsx
+++ b/apps/builddao/widget/components/login-now.jsx
@@ -1,3 +1,5 @@
+const { Button } = VM.require("buildhub.near/widget/components");
+
 const Container = styled.div`
   background-color: #23242b;
   color: #fff;
@@ -7,40 +9,19 @@ const Container = styled.div`
   border-radius: 1rem;
 
   display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
   align-items: center;
   justify-content: center;
 
   margin-bottom: 1rem;
-
-  button {
-    all: unset;
-    cursor: pointer;
-    display: flex;
-    padding: 16px 20px;
-    justify-content: center;
-    align-items: center;
-    gap: 4px;
-
-    border-radius: 8px;
-    border: 1px solid var(--white-100, #fff);
-    background: #fff;
-    transition: all 300ms;
-
-    &:hover {
-      text-decoration: none;
-    }
-
-    color: var(--black-100, #000);
-
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: normal;
-  }
 `;
 
 return (
   <Container>
-    <button onClick={props.requestSignIn}>Login</button>
+    <p>User not signed in. Please login in order to post.</p>
+    <Link to={"/join"}>
+      <Button variant="primary">Login</Button>
+    </Link>
   </Container>
 );