diff --git a/frontend/src/css/app.css b/frontend/src/css/app.css
index 9a4bc0c0e..ef2d1c7ea 100644
--- a/frontend/src/css/app.css
+++ b/frontend/src/css/app.css
@@ -119,6 +119,11 @@ main {
     color: #333333;
 }
 
+#photoprism .theme--dark.v-sheet .text-link,
+#photoprism .theme--dark.v-card .text-link {
+    color: white;
+}
+
 #photoprism main .p-inline-edit a,
 #photoprism main .p-inline-edit a span {
     cursor: text;
diff --git a/frontend/src/pages/albums.vue b/frontend/src/pages/albums.vue
index a71a274ff..6bb9b97c3 100644
--- a/frontend/src/pages/albums.vue
+++ b/frontend/src/pages/albums.vue
@@ -184,11 +184,9 @@
                                         {{album.PhotoCount}}
                                         <translate>photos.</translate>
                                     </div>
-                                    <div v-else class="caption">
-                                        <router-link :to="{name: 'photos'}" class="text-link">
-                                            <translate>Add photos from search results by selecting them.</translate>
-                                        </router-link>
-                                    </div>
+                                    <button v-else @click.stop.prevent="$router.push({name: 'photos'})" class="caption">
+                                        <translate>Add photos from search results by selecting them.</translate>
+                                    </button>
                                 </v-card-text>
                             </v-card>
                         </v-hover>