diff --git a/src/renderer/src/pages/catalogue/catalogue.scss b/src/renderer/src/pages/catalogue/catalogue.scss
index 18cc18be..701652df 100644
--- a/src/renderer/src/pages/catalogue/catalogue.scss
+++ b/src/renderer/src/pages/catalogue/catalogue.scss
@@ -1,11 +1,13 @@
 @use "../../scss/globals.scss";
 
 .catalogue {
+  overflow-y: auto;
   display: flex;
   flex-direction: column;
   gap: calc(globals.$spacing-unit * 2);
   width: 100%;
   padding: 16px;
+  scroll-behavior: smooth;
 
   &__filters-container {
     width: 270px;
diff --git a/src/renderer/src/pages/catalogue/catalogue.tsx b/src/renderer/src/pages/catalogue/catalogue.tsx
index 93779cf9..524b3c25 100644
--- a/src/renderer/src/pages/catalogue/catalogue.tsx
+++ b/src/renderer/src/pages/catalogue/catalogue.tsx
@@ -33,6 +33,7 @@ const PAGE_SIZE = 20;
 
 export default function Catalogue() {
   const abortControllerRef = useRef<AbortController | null>(null);
+  const cataloguePageRef = useRef<HTMLDivElement>(null);
 
   const { steamDevelopers, steamPublishers } = useCatalogue();
 
@@ -217,7 +218,7 @@ export default function Catalogue() {
   ]);
 
   return (
-    <div className="catalogue">
+    <div className="catalogue" ref={cataloguePageRef}>
       <div
         style={{
           display: "flex",
@@ -310,7 +311,12 @@ export default function Catalogue() {
             <Pagination
               page={page}
               totalPages={Math.ceil(itemsCount / PAGE_SIZE)}
-              onPageChange={(page) => dispatch(setPage(page))}
+              onPageChange={(page) => {
+                dispatch(setPage(page));
+                if (cataloguePageRef.current) {
+                  cataloguePageRef.current.scrollTop = 0;
+                }
+              }}
             />
           </div>
         </div>