diff --git a/packages/base/Pagination/src/Pagination/Pagination.tsx b/packages/base/Pagination/src/Pagination/Pagination.tsx
index 049fcec1db..bfd1f7c5e8 100644
--- a/packages/base/Pagination/src/Pagination/Pagination.tsx
+++ b/packages/base/Pagination/src/Pagination/Pagination.tsx
@@ -9,21 +9,39 @@ import { Typography } from '@toptal/picasso-typography'
 import { getRange, ELLIPSIS } from './utils'
 import { PaginationButton } from '../PaginationButton'
 
-export interface Props extends BaseProps, HTMLAttributes<HTMLDivElement> {
+interface CommonProps extends BaseProps, HTMLAttributes<HTMLDivElement> {
   /** Value of the current highlighted page */
   activePage: number
   /** Shows `Pagination` in disabled state when pages are not changeable */
   disabled?: boolean
   /** Callback invoked when any page number is clicked */
   onPageChange: (page: number) => void
-  /** Value of total pages of the data set used for calculation of page buttons */
-  totalPages: number
   /** Number of the active page siblings  */
   siblingCount?: number
+  /** Shows the next button as disabled. */
+  nextDisabled?: boolean
+}
+
+interface DefaultVariantProps {
+  /** Variant of the pagination representation  */
+  variant?: 'default'
+  /** Value of total pages of the data set used for calculation of page buttons. */
+  totalPages: number
+}
+
+interface CompactVariantProps {
   /** Variant of the pagination representation  */
-  variant?: 'default' | 'compact'
+  variant: 'compact'
+  /** Value of total pages of the data set used for calculation of page buttons.
+   *  Only optional for the `compact` variant.
+   *  When not provided the last page can't be detected, so next button will always be enabled.
+   *  Use `nextDisabled=true` to disable it when rendering the last page.
+   * */
+  totalPages?: number
 }
 
+export type Props = CommonProps & (DefaultVariantProps | CompactVariantProps)
+
 export const Pagination = forwardRef<HTMLDivElement, Props>(function Pagination(
   props,
   ref
@@ -35,15 +53,17 @@ export const Pagination = forwardRef<HTMLDivElement, Props>(function Pagination(
     onPageChange,
     siblingCount = 2,
     variant,
+    nextDisabled,
     ...rest
   } = props
 
   const pages = useMemo(
-    () => getRange({ activePage, totalPages, siblingCount }),
+    () =>
+      totalPages ? getRange({ activePage, totalPages, siblingCount }) : [],
     [activePage, totalPages, siblingCount]
   )
 
-  if (pages.length <= 1) {
+  if (totalPages !== undefined && totalPages <= 1) {
     return null
   }
 
@@ -92,7 +112,7 @@ export const Pagination = forwardRef<HTMLDivElement, Props>(function Pagination(
 
       <Button
         className='[&+&]:!ml-2'
-        disabled={isLastActive || disabled}
+        disabled={isLastActive || disabled || nextDisabled}
         onClick={handleNextClick}
         variant='secondary'
         size='small'
diff --git a/packages/base/Pagination/src/Pagination/__snapshots__/test.tsx.snap b/packages/base/Pagination/src/Pagination/__snapshots__/test.tsx.snap
index f5be70faa1..49fec78ca0 100644
--- a/packages/base/Pagination/src/Pagination/__snapshots__/test.tsx.snap
+++ b/packages/base/Pagination/src/Pagination/__snapshots__/test.tsx.snap
@@ -164,6 +164,47 @@ exports[`Pagination renders 1`] = `
 </div>
 `;
 
+exports[`Pagination renders compact without totalPages 1`] = `
+<div>
+  <div
+    class="Picasso-root"
+  >
+    <div
+      class="items-center inline-flex"
+    >
+      <button
+        aria-disabled="false"
+        class="base-Button text-lg inline-flex items-center justify-center select-none appearance-none m-0 relative normal-case align-middle transition-colors duration-350 ease-out shrink-0 outline-none [[data-component-type="button"]+&]:ml cursor-pointer no-underline hover:no-underline rounded-sm shadow-none focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] focus-within:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] border border-solid text-black hover:border-black visited:text-black active:bg-gray active:border-black bg-white border-gray min-w h-6 py-0 px-3 [&+&]:!ml-2"
+        data-component-type="button"
+        role="button"
+        tabindex="0"
+        type="button"
+      >
+        <span
+          class="items-center inline-flex font-semibold whitespace-nowrap text-button"
+        >
+          Prev
+        </span>
+      </button>
+      <button
+        aria-disabled="false"
+        class="base-Button text-lg inline-flex items-center justify-center select-none appearance-none m-0 relative normal-case align-middle transition-colors duration-350 ease-out shrink-0 outline-none [[data-component-type="button"]+&]:ml cursor-pointer no-underline hover:no-underline rounded-sm shadow-none focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] focus-within:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] border border-solid text-black hover:border-black visited:text-black active:bg-gray active:border-black bg-white border-gray min-w h-6 py-0 px-3 [&+&]:!ml-2"
+        data-component-type="button"
+        role="button"
+        tabindex="0"
+        type="button"
+      >
+        <span
+          class="items-center inline-flex font-semibold whitespace-nowrap text-button"
+        >
+          Next
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`Pagination renders disabled 1`] = `
 <div>
   <div
@@ -352,3 +393,45 @@ exports[`Pagination renders nothing for 1 page 1`] = `
   />
 </div>
 `;
+
+exports[`Pagination renders with next disabled 1`] = `
+<div>
+  <div
+    class="Picasso-root"
+  >
+    <div
+      class="items-center inline-flex"
+    >
+      <button
+        aria-disabled="false"
+        class="base-Button text-lg inline-flex items-center justify-center select-none appearance-none m-0 relative normal-case align-middle transition-colors duration-350 ease-out shrink-0 outline-none [[data-component-type="button"]+&]:ml cursor-pointer no-underline hover:no-underline rounded-sm shadow-none focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] focus-within:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] border border-solid text-black hover:border-black visited:text-black active:bg-gray active:border-black bg-white border-gray min-w h-6 py-0 px-3 [&+&]:!ml-2"
+        data-component-type="button"
+        role="button"
+        tabindex="0"
+        type="button"
+      >
+        <span
+          class="items-center inline-flex font-semibold whitespace-nowrap text-button"
+        >
+          Prev
+        </span>
+      </button>
+      <button
+        aria-disabled="true"
+        class="base-Button base- text-lg inline-flex items-center justify-center select-none appearance-none m-0 relative normal-case align-middle transition-colors duration-350 ease-out shrink-0 outline-none [[data-component-type="button"]+&]:ml cursor-default pointer-events no-underline hover:no-underline rounded-sm shadow-none border border-solid text-gray visited:text-gray border-gray bg-white min-w h-6 py-0 px-3 [&+&]:!ml-2"
+        data-component-type="button"
+        disabled=""
+        role="button"
+        tabindex="-1"
+        type="button"
+      >
+        <span
+          class="items-center inline-flex font-semibold whitespace-nowrap text-button"
+        >
+          Next
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/base/Pagination/src/Pagination/story/Variants.example.tsx b/packages/base/Pagination/src/Pagination/story/Variants.example.tsx
index 70cc2608e7..8f0e7d347e 100644
--- a/packages/base/Pagination/src/Pagination/story/Variants.example.tsx
+++ b/packages/base/Pagination/src/Pagination/story/Variants.example.tsx
@@ -26,7 +26,6 @@ const Example = () => (
       <Pagination
         activePage={3}
         onPageChange={handlePageChange}
-        totalPages={5}
         variant='compact'
       />
     </Container>
diff --git a/packages/base/Pagination/src/Pagination/test.tsx b/packages/base/Pagination/src/Pagination/test.tsx
index a7697aa7e2..c0a5e84dff 100644
--- a/packages/base/Pagination/src/Pagination/test.tsx
+++ b/packages/base/Pagination/src/Pagination/test.tsx
@@ -6,7 +6,14 @@ import type { Props } from './Pagination'
 import { Pagination } from './Pagination'
 
 const renderPagination = (props: OmitInternalProps<Props>) => {
-  const { activePage, disabled, onPageChange, totalPages } = props
+  const {
+    activePage,
+    disabled,
+    onPageChange,
+    totalPages,
+    nextDisabled,
+    variant,
+  } = props
 
   return render(
     <Pagination
@@ -14,6 +21,8 @@ const renderPagination = (props: OmitInternalProps<Props>) => {
       disabled={disabled}
       onPageChange={onPageChange}
       totalPages={totalPages}
+      nextDisabled={nextDisabled}
+      variant={variant}
     />
   )
 }
@@ -29,6 +38,16 @@ describe('Pagination', () => {
     expect(container).toMatchSnapshot()
   })
 
+  it('renders compact without totalPages', () => {
+    const { container } = renderPagination({
+      activePage: 5,
+      variant: 'compact',
+      onPageChange: () => {},
+    })
+
+    expect(container).toMatchSnapshot()
+  })
+
   it('renders disabled', () => {
     const { container } = renderPagination({
       activePage: 5,
@@ -40,6 +59,17 @@ describe('Pagination', () => {
     expect(container).toMatchSnapshot()
   })
 
+  it('renders with next disabled', () => {
+    const { container } = renderPagination({
+      activePage: 5,
+      variant: 'compact',
+      nextDisabled: true,
+      onPageChange: () => {},
+    })
+
+    expect(container).toMatchSnapshot()
+  })
+
   it('renders nothing for 1 page', () => {
     const { container } = renderPagination({
       activePage: 1,