Min-height to make sure it's not too small

src/pages/home.jsx

@@ -169,6 +169,7 @@ function NotificationsMenu({ anchorRef, state, onClose }) {
       <header>
         <h2>Notifications</h2>
       </header>
+      <main>
         {snapStates.notifications.length ? (
           <>
             {snapStates.notifications
@@ -197,6 +198,7 @@ function NotificationsMenu({ anchorRef, state, onClose }) {
             </div>
           )
         )}
+      </main>
       <footer>
         <Link to="/mentions" class="button plain">
           <Icon icon="at" /> <span>Mentions</span>

src/pages/notifications-menu.css

@@ -34,6 +34,9 @@
   padding: 0;
   font-size: 1.2em;
 }
+.notifications-menu main {
+  min-height: 100%;
+}
 .notifications-menu .notification {
   animation: appear-smooth 0.3s ease-out 0.1s both;
 }