diff --git a/components/pages/Lists.jsx b/components/pages/Lists.jsx
index b7bdd43..3ca13d5 100644
--- a/components/pages/Lists.jsx
+++ b/components/pages/Lists.jsx
@@ -12,7 +12,7 @@ import {
 } from '@ionic/react';
 
 const ListEntry = ({ list, ...props }) => (
-  <IonItem href={`/tabs/lists/${list.id}`} className="list-entry">
+  <IonItem routerLink={`/tabs/lists/${list.id}`} className="list-entry">
     <IonLabel>{list.name}</IonLabel>
   </IonItem>
 );
diff --git a/components/pages/Notifications.jsx b/components/pages/Notifications.jsx
index 6c6b81e..581d310 100644
--- a/components/pages/Notifications.jsx
+++ b/components/pages/Notifications.jsx
@@ -34,6 +34,9 @@ const Notifications = ({ open, onDidDismiss }) => {
       <IonHeader>
         <IonToolbar>
           <IonTitle>Notifications</IonTitle>
+          <IonButton slot="end" fill="clear" color="dark" onClick={onDidDismiss}>
+            <IonIcon icon={close} />
+          </IonButton>
         </IonToolbar>
       </IonHeader>
       <IonContent fullscreen>