From 63bd9a21fc93db585c19619b4f5edc0363fc6c23 Mon Sep 17 00:00:00 2001
From: Justin <dice.warrant-02@icloud.com>
Date: Mon, 26 Sep 2022 15:23:51 -0400
Subject: [PATCH] Update spacing on Widgets

---
 app/soapbox/components/ui/widget/widget.tsx                | 2 +-
 app/soapbox/features/feed-suggestions/feed-suggestions.tsx | 4 ++--
 app/soapbox/features/follow-recommendations/index.tsx      | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/soapbox/components/ui/widget/widget.tsx b/app/soapbox/components/ui/widget/widget.tsx
index c4be654b35..3bced193fa 100644
--- a/app/soapbox/components/ui/widget/widget.tsx
+++ b/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 && (
diff --git a/app/soapbox/features/feed-suggestions/feed-suggestions.tsx b/app/soapbox/features/feed-suggestions/feed-suggestions.tsx
index d946f5e8ce..2545c72e57 100644
--- a/app/soapbox/features/feed-suggestions/feed-suggestions.tsx
+++ b/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)} />
 
diff --git a/app/soapbox/features/follow-recommendations/index.tsx b/app/soapbox/features/follow-recommendations/index.tsx
index 7fda03c7ad..221ca14915 100644
--- a/app/soapbox/features/follow-recommendations/index.tsx
+++ b/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 = () => {