diff --git a/web-src/src/components/ModalDialogDirectory.vue b/web-src/src/components/ModalDialogDirectory.vue
index 588bea03..ebf3c3a7 100644
--- a/web-src/src/components/ModalDialogDirectory.vue
+++ b/web-src/src/components/ModalDialogDirectory.vue
@@ -6,7 +6,7 @@
         <div class="modal-content fd-modal-card">
           <div class="card">
             <div class="card-content">
-              <p class="title is-4" v-text="directory.path" />
+              <p class="title is-4" v-text="directory" />
             </div>
             <footer class="card-footer">
               <a class="card-footer-item has-text-dark" @click="queue_add">
diff --git a/web-src/src/pages/PageFiles.vue b/web-src/src/pages/PageFiles.vue
index 6b493534..ec8272f8 100644
--- a/web-src/src/pages/PageFiles.vue
+++ b/web-src/src/pages/PageFiles.vue
@@ -9,7 +9,7 @@
         <div class="buttons is-centered">
           <a
             class="button is-small is-light is-rounded"
-            @click="open_directory_dialog({ path: current_directory })"
+            @click="show_details_modal = true"
           >
             <mdicon class="icon" name="dots-horizontal" size="16" />
           </a>
@@ -28,9 +28,9 @@
           :show_icon="true"
         />
         <modal-dialog-directory
-          :show="show_directory_details_modal"
-          :directory="selected_directory"
-          @close="show_directory_details_modal = false"
+          :show="show_details_modal"
+          :directory="current_directory"
+          @close="show_details_modal = false"
         />
       </template>
     </content-with-heading>
@@ -42,6 +42,7 @@ import ContentWithHeading from '@/templates/ContentWithHeading.vue'
 import ListDirectories from '@/components/ListDirectories.vue'
 import ListPlaylists from '@/components/ListPlaylists.vue'
 import ListTracks from '@/components/ListTracks.vue'
+import ModalDialogDirectory from '@/components/ModalDialogDirectory.vue'
 import webapi from '@/webapi'
 
 const dataObject = {
@@ -73,7 +74,8 @@ export default {
     ContentWithHeading,
     ListDirectories,
     ListPlaylists,
-    ListTracks
+    ListTracks,
+    ModalDialogDirectory
   },
 
   beforeRouteEnter(to, from, next) {
@@ -95,7 +97,8 @@ export default {
         directories: [],
         tracks: { items: [] },
         playlists: { items: [] }
-      }
+      },
+      show_details_modal: false
     }
   },