diff --git a/app/lish/Subscribe.tsx b/app/lish/Subscribe.tsx
index eb866e40..74e14679 100644
--- a/app/lish/Subscribe.tsx
+++ b/app/lish/Subscribe.tsx
@@ -275,6 +275,7 @@ let BlueskySubscribeButton = (props: {
   setSuccessModalOpen: (open: boolean) => void;
 }) => {
   let { identity } = useIdentityData();
+  let toaster = useToaster();
   let [, subscribe, subscribePending] = useActionState(async () => {
     let result = await subscribeToPublication(
       props.pub_uri,
@@ -283,7 +284,9 @@ let BlueskySubscribeButton = (props: {
     if (result.hasFeed === false) {
       props.setSuccessModalOpen(true);
     }
+    toaster({ content: <div>You're Subscribed!</div>, type: "success" });
   }, null);
+
   let [isClient, setIsClient] = useState(false);
   useEffect(() => {
     setIsClient(true);
@@ -295,12 +298,13 @@ let BlueskySubscribeButton = (props: {
         asChild
         trigger={
           <ButtonPrimary className="place-self-center">
-            <BlueskyTiny /> Subscribe with Bluesky{" "}
+            <BlueskyTiny /> Subscribe with Bluesky
           </ButtonPrimary>
         }
       >
         {isClient && (
           <LoginForm
+            publication
             noEmail
             redirectRoute={window?.location.href + "?refreshAuth"}
             action={{ action: "subscribe", publication: props.pub_uri }}
@@ -318,7 +322,7 @@ let BlueskySubscribeButton = (props: {
             <DotLoader />
           ) : (
             <>
-              <BlueskyTiny /> Subscribe with Bluesky{" "}
+              <BlueskyTiny /> Subscribe with Bluesky
             </>
           )}
         </ButtonPrimary>
diff --git a/app/login/LoginForm.tsx b/app/login/LoginForm.tsx
index 7966da59..4b9a5b97 100644
--- a/app/login/LoginForm.tsx
+++ b/app/login/LoginForm.tsx
@@ -16,6 +16,7 @@ import { mutate } from "swr";
 
 export default function LoginForm(props: {
   noEmail?: boolean;
+  publication?: boolean;
   redirectRoute?: string;
   action?: ActionAfterSignIn;
 }) {
@@ -121,7 +122,9 @@ export default function LoginForm(props: {
       <div className="flex flex-col">
         <h4 className="text-primary">Log In or Sign Up</h4>
         <div className=" text-tertiary text-sm">
-          Save your Leaflets and access them on multiple devices!
+          {props.publication
+            ? "Log in to Bluesky to subscribe this publication!"
+            : "Save your Leaflets and access them on multiple devices!"}
         </div>
       </div>
 
diff --git a/components/utils/DotLoader.tsx b/components/utils/DotLoader.tsx
index 9d253378..233ff399 100644
--- a/components/utils/DotLoader.tsx
+++ b/components/utils/DotLoader.tsx
@@ -11,7 +11,7 @@ export function DotLoader() {
     };
   }, []);
   return (
-    <div className="w-[26px]  text-center text-sm">
+    <div className="w-[26px] h-[24px] text-center text-sm">
       {".".repeat(dots) + "\u00a0".repeat(3 - dots)}
     </div>
   );