Fix status overflow issue *and* scroll bar

app/soapbox/containers/status_container.js

@@ -231,4 +231,16 @@ const mapDispatchToProps = (dispatch, { intl }) => ({
 
 });
 
-export default injectIntl(connect(makeMapStateToProps, mapDispatchToProps)(Status));
+export default @connect(makeMapStateToProps, mapDispatchToProps)
+@injectIntl
+class StatusContainer extends React.Component {
+
+  render() {
+    return (
+      <div className='status-container'>
+        <Status {...this.props} />
+      </div>
+    );
+  }
+
+}

app/styles/components/status.scss

@@ -126,9 +126,12 @@
   vertical-align: middle;
 }
 
+.status-container {
+  padding-bottom: 10px;
+}
+
 .status__wrapper {
   @include standard-panel;
-  margin-bottom: 10px;
   padding: 15px 0 10px;
 }
 

app/styles/ui.scss

@@ -748,9 +748,3 @@
     background: var(--accent-color);
   }
 }
-
-// Create a new Block Formatting Context to prevent the timelines from jumping
-// https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
-.slist > .item-list > article {
-  overflow: hidden;
-}