Update spacing on Widgets

app/soapbox/components/ui/widget/widget.tsx

@@ -41,7 +41,7 @@ const Widget: React.FC<IWidget> = ({
   action,
 }): JSX.Element => {
   return (
-    <Stack space={2}>
+    <Stack space={4}>
       <HStack alignItems='center' justifyContent='between'>
         <WidgetTitle title={title} />
         {action || (onActionClick && (

app/soapbox/features/feed-suggestions/feed-suggestions.tsx

@@ -11,7 +11,7 @@ import ActionButton from '../ui/components/action-button';
 import type { Account } from 'soapbox/types/entities';
 
 const messages = defineMessages({
-  heading: { id: 'feed_suggestions.heading', defaultMessage: 'Suggested profiles' },
+  heading: { id: 'feed_suggestions.heading', defaultMessage: 'Suggested Profiles' },
   viewAll: { id: 'feed_suggestions.view_all', defaultMessage: 'View all' },
 });
 
@@ -65,7 +65,7 @@ const FeedSuggestions = () => {
   if (!isLoading && suggestedProfiles.size === 0) return null;
 
   return (
-    <Card size='lg' variant='rounded' className='space-y-4'>
+    <Card size='lg' variant='rounded' className='space-y-6'>
       <HStack justifyContent='between' alignItems='center'>
         <CardTitle title={intl.formatMessage(messages.heading)} />
 

app/soapbox/features/follow-recommendations/index.tsx

@@ -10,7 +10,7 @@ import Column from 'soapbox/features/ui/components/column';
 import { useAppDispatch, useAppSelector, useFeatures } from 'soapbox/hooks';
 
 const messages = defineMessages({
-  heading: { id: 'followRecommendations.heading', defaultMessage: 'Suggested profiles' },
+  heading: { id: 'followRecommendations.heading', defaultMessage: 'Suggested Profiles' },
 });
 
 const FollowRecommendations: React.FC = () => {