FollowRecommendations: fix transparent background

app/soapbox/features/home_timeline/index.js

@@ -96,10 +96,11 @@ class HomeTimeline extends React.PureComponent {
   render() {
     const { intl, siteTitle, isLoading, isEmpty, features } = this.props;
     const { done } = this.state;
+    const showSuggestions = features.suggestions && isEmpty && !isLoading && !done;
 
     return (
-      <Column label={intl.formatMessage(messages.title)} transparent>
+      <Column label={intl.formatMessage(messages.title)} transparent={!showSuggestions}>
-        {(features.suggestions && isEmpty && !isLoading && !done) ? (
+        {showSuggestions ? (
           <BundleContainer fetchComponent={FollowRecommendationsContainer}>
             {Component => <Component onDone={this.handleDone} />}
           </BundleContainer>

app/styles/components/columns.scss

@@ -858,6 +858,10 @@
 
 .column-list {
   position: relative;
+
+  &__empty-message {
+    padding: 0 20px;
+  }
 }
 
 .column-loading {