move list pagination padding to separate container

src/renderer/components/item-list/item-list-pagination/item-list-pagination.module.css

@@ -5,5 +5,10 @@
     width: 100%;
     height: 100%;
     min-height: 0;
-    padding: var(--theme-spacing-md);
+    overflow: hidden;
+}
+
+.pagination-container {
+    padding: var(--theme-spacing-sm) var(--theme-spacing-sm);
+    overflow: hidden;
 }

src/renderer/components/item-list/item-list-pagination/item-list-pagination.tsx

@@ -24,6 +24,7 @@ export const ItemListWithPagination = ({
     return (
         <div className={styles.container}>
             <Fragment key={currentPage}>{children}</Fragment>
+            <div className={styles.paginationContainer}>
                 <Pagination
                     itemsPerPage={itemsPerPage}
                     onChange={onChange}
@@ -32,5 +33,6 @@ export const ItemListWithPagination = ({
                     value={currentPage}
                 />
             </div>
+        </div>
     );
 };