Fix: More fixes for the message box and settings

src/components/common/messaging/MessageBox.tsx

@@ -54,6 +54,7 @@ const Base = styled.div`
 
 const Blocked = styled.div`
     display: flex;
+    align-items: center;
     padding: 14px 0;
     user-select: none;
     font-size: .875rem;
@@ -87,7 +88,7 @@ function MessageBox({ channel, draft, dispatcher }: Props) {
         return (
             <Base>
                 <Blocked>
-                    <ShieldX size={20}/>
+                    <ShieldX size={22}/>
                     <Text id="app.main.channel.misc.no_sending" />
                 </Blocked>
             </Base>

src/pages/settings/panes/Experiments.tsx

@@ -11,7 +11,7 @@ interface Props {
 
 export function Component(props: Props & WithDispatcher) {
     return (
-        <div className={styles.notifications}>
+        <div className={styles.experiments}>
             <h3>
                 <Text id="app.settings.pages.experiments.features" />
             </h3>

src/pages/settings/panes/Panes.module.scss

@@ -373,3 +373,13 @@
     display: flex;
     flex-direction: column;
 }
+
+.experiments { /* TOFIX: Center the "No new experiments available at this time" text without having a scrollbar */
+    height: 100%;
+    .empty {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 100%;
+    }
+}