Eliminate warning in console due to incorrect html element nesting

src/components/threadFeed/index.js

@@ -14,7 +14,7 @@ import { NullCard } from '../upsell';
 import { LoadingInboxThread } from '../loading';
 import NewActivityIndicator from '../newActivityIndicator';
 import ViewError from '../viewError';
-import { Upsell, UpsellHeader, UpsellFooter } from './style';
+import { Upsell, UpsellHeader, UpsellFooter, UpsellBlock } from './style';
 import type { GetCommunityType } from 'shared/graphql/queries/community/getCommunity';
 import type { Dispatch } from 'redux';
 import { ErrorBoundary } from 'src/components/error';
@@ -66,7 +66,7 @@ const UpsellState = ({ community }) => (
     <p>
       First things first, you’ll want to <b>start a couple threads</b>.
     </p>
-    <p>
+    <UpsellBlock>
       Open-ended questions are a great start, for example:
       <ul>
         <li>ask new members to introduce themselves</li>
@@ -75,7 +75,7 @@ const UpsellState = ({ community }) => (
         </li>
         <li>ask for suggestions on a problem you’re facing</li>
       </ul>
-    </p>
+    </UpsellBlock>
     <p>
       Once you’ve got a couple threads started, make sure to{' '}
       <b>help people find your community</b>. Talking about your community on

src/components/threadFeed/style.js

@@ -93,4 +93,16 @@ export const UpsellHeader = styled.div`
   }
 `;
 
+export const UpsellBlock = styled.div`
+  margin-top: 16px;
+  ul {
+    padding: 16px 0;
+    padding-left: 32px;
+  }
+
+  li {
+    margin-top: 8px;
+  }
+`;
+
 export const UpsellFooter = styled.div``;