diff --git a/web-src/src/components/ListDirectories.vue b/web-src/src/components/ListDirectories.vue
index 92a9c823..b2e33905 100644
--- a/web-src/src/components/ListDirectories.vue
+++ b/web-src/src/components/ListDirectories.vue
@@ -40,7 +40,7 @@
   <teleport to="#app">
     <modal-dialog-directory
       :show="show_details_modal"
-      :directory="selected_directory.path"
+      :directory="selected_directory"
       @close="show_details_modal = false"
     />
   </teleport>
diff --git a/web-src/src/components/ModalDialogDirectory.vue b/web-src/src/components/ModalDialogDirectory.vue
index 13896179..6444a0dd 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" />
+              <p class="title is-4" v-text="directory.path" />
             </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 06c3caee..49c13595 100644
--- a/web-src/src/pages/PageFiles.vue
+++ b/web-src/src/pages/PageFiles.vue
@@ -31,7 +31,7 @@
         />
         <modal-dialog-directory
           :show="show_details_modal"
-          :directory="current_directory"
+          :directory="{ path: current_directory }"
           @close="show_details_modal = false"
         />
       </template>