diff --git a/apps/admin-x-settings/src/components/settings/site/recommendations/RecommendationList.tsx b/apps/admin-x-settings/src/components/settings/site/recommendations/RecommendationList.tsx index eca683a27d..785e09ea0e 100644 --- a/apps/admin-x-settings/src/components/settings/site/recommendations/RecommendationList.tsx +++ b/apps/admin-x-settings/src/components/settings/site/recommendations/RecommendationList.tsx @@ -87,10 +87,11 @@ const RecommendationList: React.FC<RecommendationListProps> = ({recommendations, </Table>; } else { return <NoValueLabel> - <span className='mb-4 max-w-[40ch] text-center'>Get started by sharing any publication you think your audience will find valuable. Need inspiration? <Link href="https://ghost.org/explore" target='_blank'>Explore thousands of sites</Link>.</span> + <span className='mb-2 max-w-[40ch] text-center'>Get started by sharing any publication you think your audience will find valuable.</span> <Button color='grey' label='Add first recommendation' size='sm' onClick={() => { openAddNewRecommendationModal(); }}></Button> + <span className='mt-2 max-w-[40ch] text-center text-xs'>Need inspiration? <Link href="https://ghost.org/explore" target='_blank'>Explore thousands of sites</Link></span> </NoValueLabel>; } };