diff --git a/src/sections/collection/Collection.tsx b/src/sections/collection/Collection.tsx
index cef5ea5e9..282388dac 100644
--- a/src/sections/collection/Collection.tsx
+++ b/src/sections/collection/Collection.tsx
@@ -13,6 +13,7 @@ import { PageNotFound } from '../page-not-found/PageNotFound'
 import { CollectionSkeleton } from './CollectionSkeleton'
 import { CollectionInfo } from './CollectionInfo'
 import { Trans, useTranslation } from 'react-i18next'
+import { useScrollTop } from '../../shared/hooks/useScrollTop'
 
 interface CollectionProps {
   repository: CollectionRepository
@@ -31,6 +32,7 @@ export function Collection({
   page,
   infiniteScrollEnabled = false
 }: CollectionProps) {
+  useScrollTop()
   const { user } = useSession()
   const { collection, isLoading } = useCollection(repository, id)
   const { t } = useTranslation('collection')
diff --git a/src/shared/hooks/useScrollTop.ts b/src/shared/hooks/useScrollTop.ts
new file mode 100644
index 000000000..9c5494140
--- /dev/null
+++ b/src/shared/hooks/useScrollTop.ts
@@ -0,0 +1,7 @@
+import { useEffect } from 'react'
+
+export const useScrollTop = () => {
+  useEffect(() => {
+    window.scrollTo({ top: 0, behavior: 'smooth' })
+  }, [])
+}