diff --git a/src/client/components/AdvancedSearch.vue b/src/client/components/AdvancedSearch.vue
index 2f610ff31710b12c1df6fb49f6882c100a67463a..e57847ff8596db4f78bfafaf85b0560504a0b495 100644
--- a/src/client/components/AdvancedSearch.vue
+++ b/src/client/components/AdvancedSearch.vue
@@ -261,7 +261,6 @@ function removeFilter (filterChip: FilterChip): void {
   gap: var(--spacing);
   padding-left: var(--spacing);
   padding-bottom: var(--spacing);
-  max-width: 800px;
 }
 
 .checkbox {
diff --git a/src/client/components/AppDialog.vue b/src/client/components/AppDialog.vue
index 9d93401d5f9b9d735cef948477f8b0de3ffeddcb..3b71a5c4e3d9ceca337e9eb18a11adba8c278661 100644
--- a/src/client/components/AppDialog.vue
+++ b/src/client/components/AppDialog.vue
@@ -85,19 +85,20 @@ function closeFromOutside (event: MouseEvent): void {
 <style scoped>
 dialog {
   background: var(--black);
-  border: 1px solid var(--white);
   border-radius: var(--radius);
+  border: 1px solid var(--white);
   color: var(--white);
-  max-height: 75%;
+  max-height: 80%;
+  width: min(100%, 1000px);
 }
 
 dialog::backdrop {
   /*
     Hardcode the color since ::backdrop neither inherits
     from nor is inherited by any other elements.
-    Use of CSS variables from :root is thus impossible.
+    The use of CSS variables from :root is thus impossible.
   */
-  background: hsla(0, 0%, 0%, 0.5);
+  background-color: hsla(0, 0%, 0%, 0.5);
 }
 
 .close-button {