diff --git a/web/components/modals/FollowModal/FollowModal.module.scss b/web/components/modals/FollowModal/FollowModal.module.scss index c6c957180..8e8cfdfa2 100644 --- a/web/components/modals/FollowModal/FollowModal.module.scss +++ b/web/components/modals/FollowModal/FollowModal.module.scss @@ -13,6 +13,8 @@ font-family: var(--theme-text-display-font-family); font-size: 0.7rem; font-weight: 600; + margin-top: 5px; + margin-bottom: 5px; } .footer { @@ -25,6 +27,10 @@ margin-top: 5px; margin-bottom: 10px; font-size: 0.8rem; + border-color: var(--color-owncast-palette-5); + border-width: 1px; + border-style: solid; + border-radius: 6px; .logo { border-radius: 50%; diff --git a/web/components/modals/FollowModal/FollowModal.tsx b/web/components/modals/FollowModal/FollowModal.tsx index 97f279295..26cacf756 100644 --- a/web/components/modals/FollowModal/FollowModal.tsx +++ b/web/components/modals/FollowModal/FollowModal.tsx @@ -79,7 +79,7 @@ export const FollowModal: FC = ({ handleClose, account, name } By following this stream you'll get notified on the Fediverse when it goes live. Now is a great time to - learn about the Fediverse +  learn about the Fediverse  if it's new to you.