diff --git a/src/ui/Pagination/Pagination.tsx b/src/ui/Pagination/Pagination.tsx
index eda72e6..27a497a 100644
--- a/src/ui/Pagination/Pagination.tsx
+++ b/src/ui/Pagination/Pagination.tsx
@@ -1,4 +1,5 @@
 import clsx from "clsx";
+import { useMediaQuery } from "hooks";
 import { IconArrowLeft, IconArrowRight } from "icons";
 import type React from "react";
 import { Button } from "ui";
@@ -53,7 +54,8 @@ export function PaginationNext({
 }
 
 export function PaginationList({ children }: { children: React.ReactNode }) {
-  return <span className="pagination-list">{children}</span>;
+  const { isTabletUp } = useMediaQuery();
+  return isTabletUp && <span className="pagination-list">{children}</span>;
 }
 
 export function PaginationPage({
diff --git a/src/ui/Pagination/pagination.css b/src/ui/Pagination/pagination.css
index 2923cd0..8f23bef 100644
--- a/src/ui/Pagination/pagination.css
+++ b/src/ui/Pagination/pagination.css
@@ -7,6 +7,6 @@
 
 .pagination-list {
   align-items: center;
-  display: var(--sds-responsive-display-none-to-flex);
+  display: flex;
   gap: var(--sds-size-space-200);
 }