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,13 +24,15 @@ export const ItemListWithPagination = ({
     return (
         <div className={styles.container}>
             <Fragment key={currentPage}>{children}</Fragment>
-            <Pagination
-                itemsPerPage={itemsPerPage}
-                onChange={onChange}
-                total={pageCount}
-                totalItemCount={totalItemCount}
-                value={currentPage}
-            />
+            <div className={styles.paginationContainer}>
+                <Pagination
+                    itemsPerPage={itemsPerPage}
+                    onChange={onChange}
+                    total={pageCount}
+                    totalItemCount={totalItemCount}
+                    value={currentPage}
+                />
+            </div>
         </div>
     );
 };