diff --git a/packages/web-app-files/src/composables/sort/useSort.ts b/packages/web-app-files/src/composables/sort/useSort.ts
index 297d4b4026d..59b4d04a57a 100644
--- a/packages/web-app-files/src/composables/sort/useSort.ts
+++ b/packages/web-app-files/src/composables/sort/useSort.ts
@@ -2,6 +2,7 @@ import { ref, Ref, computed, unref, isRef } from 'vue'
 import { MaybeRef, ReadOnlyRef } from 'web-pkg/src/utils'
 import { useRouteName, useRouteQueryPersisted, QueryValue } from 'web-pkg/src/composables'
 import { SortConstants } from './constants'
+import { useRouter } from 'vue-router'
 
 export interface SortableItem {
   type?: string
@@ -37,6 +38,7 @@ export interface SortResult<T> {
 }
 
 export function useSort<T extends SortableItem>(options: SortOptions<T>): SortResult<T> {
+  const router = useRouter()
   const sortByRef = createSortByQueryRef(options)
   const sortDirRef = createSortDirQueryRef(options)
 
@@ -63,8 +65,13 @@ export function useSort<T extends SortableItem>(options: SortOptions<T>): SortRe
   })
 
   const handleSort = ({ sortBy, sortDir }: { sortBy: string; sortDir: SortDir }) => {
-    sortByRef.value = sortBy
-    sortDirRef.value = sortDir
+    return router.replace({
+      query: {
+        ...unref(router.currentRoute).query,
+        'sort-by': sortBy,
+        'sort-dir': sortDir
+      }
+    })
   }
 
   return {