diff --git a/package-lock.json b/package-lock.json
index 7880dbbd..1b2412a1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,7 @@
         "@nextcloud/axios": "^2.4.0",
         "@nextcloud/files": "^3.0.0",
         "@nextcloud/l10n": "^2.2.0",
+        "@nextcloud/paths": "^2.1.0",
         "@nextcloud/router": "^3.0.0",
         "@nextcloud/vue": "^8.9.1",
         "lodash": "^4.17.21",
diff --git a/package.json b/package.json
index 97459cd7..3db26a04 100644
--- a/package.json
+++ b/package.json
@@ -27,6 +27,7 @@
     "@nextcloud/axios": "^2.4.0",
     "@nextcloud/files": "^3.0.0",
     "@nextcloud/l10n": "^2.2.0",
+    "@nextcloud/paths": "^2.1.0",
     "@nextcloud/router": "^3.0.0",
     "@nextcloud/vue": "^8.9.1",
     "lodash": "^4.17.21",
diff --git a/src/components/RecommendedFile.vue b/src/components/RecommendedFile.vue
index ae705611..09e5a70a 100644
--- a/src/components/RecommendedFile.vue
+++ b/src/components/RecommendedFile.vue
@@ -51,6 +51,7 @@
 <script>
 import { translate as t } from '@nextcloud/l10n'
 import { generateUrl } from '@nextcloud/router'
+import { joinPaths } from '@nextcloud/paths'
 
 export default {
 	name: 'RecommendedFile',
@@ -100,6 +101,9 @@ export default {
 		path() {
 			return (this.directory === '/' ? '' : this.directory) + '/' + this.name
 		},
+		isFolder() {
+			return this.mimeType === 'httpd/unix-directory'
+		},
 	},
 	mounted() {
 		if (this.hasPreview) {
@@ -128,12 +132,14 @@ export default {
 
 			// Navigate to the file if the file router is available
 			if (window.OCP?.Files?.Router) {
+				const dir = this.isFolder ? joinPaths(this.directory, this.name) : this.directory
+				const fileid = this.isFolder ? null : this.id
 				window.OCP.Files.Router.goToRoute(
 					// use default route
 					null,
 					// recommendations is only enabled on files
-					{ view: 'files', fileid: this.id },
-					{ dir: this.directory },
+					{ view: 'files', fileid },
+					{ dir },
 				)
 				return
 			}