diff --git a/components/MyPages/Blocks/Points/EarnAndBurn/JourneyTable/Pagination/pagination.module.css b/components/MyPages/Blocks/Points/EarnAndBurn/JourneyTable/Pagination/pagination.module.css index 493e06854..a18253c62 100644 --- a/components/MyPages/Blocks/Points/EarnAndBurn/JourneyTable/Pagination/pagination.module.css +++ b/components/MyPages/Blocks/Points/EarnAndBurn/JourneyTable/Pagination/pagination.module.css @@ -1,11 +1,13 @@ .pagination { display: flex; - justify-content: center; + justify-content: left; padding: var(--Spacing-x2); background-color: var(--Base-Surface-Primary-light-Normal); border-radius: var(--Corner-radius-Rounded); margin: auto; gap: var(--Spacing-x5); + max-width: 100%; + overflow-x: auto; } .paginationButton { @@ -19,6 +21,7 @@ display: flex; align-items: center; justify-content: center; + flex-shrink: 0; } .chevronLeft { @@ -31,3 +34,9 @@ background-color: var(--Base-Text-Accent); border-radius: var(--Corner-radius-Rounded); } + +@media screen and (min-width: 768px) { + .pagination { + justify-content: center; + } +}