diff --git a/src/pages/layout.css b/src/pages/layout.css
index 96fce52..7dc24b8 100644
--- a/src/pages/layout.css
+++ b/src/pages/layout.css
@@ -108,12 +108,12 @@ header .profile img {
   }
 }
 
-button span.hide-on-mobile {
+.hide-on-mobile {
   display: none;
 }
 
 @media (min-width: 1020px) {
-  button span.hide-on-mobile {
+  .hide-on-mobile {
     display: block;
   }
 }
diff --git a/src/pages/stream-page.tsx b/src/pages/stream-page.tsx
index 3971dce..ae516b7 100644
--- a/src/pages/stream-page.tsx
+++ b/src/pages/stream-page.tsx
@@ -26,6 +26,7 @@ import { useCurrentStreamFeed } from "hooks/current-stream-feed";
 import { useStreamLink } from "hooks/stream-link";
 import { FormattedMessage } from "react-intl";
 import { useContext } from "react";
+import { FollowButton } from "element/follow-button";
 
 function ProfileInfo({ ev, goal }: { ev?: NostrEvent; goal?: TaggedNostrEvent }) {
   const system = useContext(SnortContext);
@@ -81,6 +82,9 @@ function ProfileInfo({ ev, goal }: { ev?: NostrEvent; goal?: TaggedNostrEvent })
         <div className="profile-info">
           <Profile pubkey={host ?? ""} />
           <div className="flex g12">
+            <div className="hide-on-mobile" >
+              <FollowButton pubkey={host} />
+            </div>
             {ev && (
               <>
                 <ShareMenu ev={ev} />