diff --git a/packages/react-core/src/components/Pagination/PaginationOptionsMenu.tsx b/packages/react-core/src/components/Pagination/PaginationOptionsMenu.tsx
index 85156c296b9..8c319d36c15 100644
--- a/packages/react-core/src/components/Pagination/PaginationOptionsMenu.tsx
+++ b/packages/react-core/src/components/Pagination/PaginationOptionsMenu.tsx
@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/Pagination/pagination';
 import { Menu, MenuContent, MenuList, MenuItem } from '../Menu';
 import { MenuToggle } from '../MenuToggle';
 import { Popper } from '../../helpers/Popper/Popper';
@@ -166,38 +167,40 @@ export const PaginationOptionsMenu: React.FunctionComponent<PaginationOptionsMen
     ));
 
   const toggle = (
-    <MenuToggle
-      ref={toggleRef}
-      onClick={onToggle}
-      {...(optionsToggleAriaLabel && { 'aria-label': optionsToggleAriaLabel })}
-      isDisabled={isDisabled || (itemCount && itemCount <= 0)}
-      isExpanded={isOpen}
-      {...(widgetId && { id: `${widgetId}-toggle` })}
-      variant="plainText"
-      aria-haspopup="listbox"
-    >
-      {toggleTemplate &&
-        typeof toggleTemplate === 'string' &&
-        fillTemplate(toggleTemplate, { firstIndex, lastIndex, ofWord, itemCount, itemsTitle })}
-      {toggleTemplate &&
-        typeof toggleTemplate !== 'string' &&
-        (toggleTemplate as (props: PaginationToggleTemplateProps) => React.ReactElement)({
-          firstIndex,
-          lastIndex,
-          ofWord,
-          itemCount,
-          itemsTitle
-        })}
-      {!toggleTemplate && (
-        <ToggleTemplate
-          firstIndex={firstIndex}
-          lastIndex={lastIndex}
-          ofWord={ofWord}
-          itemCount={itemCount}
-          itemsTitle={itemsTitle}
-        />
-      )}
-    </MenuToggle>
+    <div className={css(styles.paginationPageMenu)}>
+      <MenuToggle
+        ref={toggleRef}
+        onClick={onToggle}
+        {...(optionsToggleAriaLabel && { 'aria-label': optionsToggleAriaLabel })}
+        isDisabled={isDisabled || (itemCount && itemCount <= 0)}
+        isExpanded={isOpen}
+        {...(widgetId && { id: `${widgetId}-toggle` })}
+        variant="plainText"
+        aria-haspopup="listbox"
+      >
+        {toggleTemplate &&
+          typeof toggleTemplate === 'string' &&
+          fillTemplate(toggleTemplate, { firstIndex, lastIndex, ofWord, itemCount, itemsTitle })}
+        {toggleTemplate &&
+          typeof toggleTemplate !== 'string' &&
+          (toggleTemplate as (props: PaginationToggleTemplateProps) => React.ReactElement)({
+            firstIndex,
+            lastIndex,
+            ofWord,
+            itemCount,
+            itemsTitle
+          })}
+        {!toggleTemplate && (
+          <ToggleTemplate
+            firstIndex={firstIndex}
+            lastIndex={lastIndex}
+            ofWord={ofWord}
+            itemCount={itemCount}
+            itemsTitle={itemsTitle}
+          />
+        )}
+      </MenuToggle>
+    </div>
   );
 
   const menu = (
diff --git a/packages/react-core/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap b/packages/react-core/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap
index d8d73f40cb5..a23206c4287 100644
--- a/packages/react-core/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap
+++ b/packages/react-core/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap
@@ -2,49 +2,53 @@
 
 exports[`PaginationOptionsMenu should match snapshot (auto-generated) 1`] = `
 <DocumentFragment>
-  <button
-    aria-expanded="false"
-    aria-haspopup="listbox"
-    class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
-    data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-1"
-    data-ouia-component-type="PF6/MenuToggle"
-    data-ouia-safe="true"
-    id="''-toggle"
-    type="button"
+  <div
+    class="pf-v6-c-pagination__page-menu"
   >
-    <span
-      class="pf-v6-c-menu-toggle__text"
-    >
-      <b>
-        0 - 0
-      </b>
-      Custom toggle template of
-      <b>
-        0
-      </b>
-       'items'
-    </span>
-    <span
-      class="pf-v6-c-menu-toggle__controls"
+    <button
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+      data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-1"
+      data-ouia-component-type="PF6/MenuToggle"
+      data-ouia-safe="true"
+      id="''-toggle"
+      type="button"
     >
       <span
-        class="pf-v6-c-menu-toggle__toggle-icon"
+        class="pf-v6-c-menu-toggle__text"
+      >
+        <b>
+          0 - 0
+        </b>
+        Custom toggle template of
+        <b>
+          0
+        </b>
+         'items'
+      </span>
+      <span
+        class="pf-v6-c-menu-toggle__controls"
       >
-        <svg
-          aria-hidden="true"
-          class="pf-v6-svg"
-          fill="currentColor"
-          height="1em"
-          role="img"
-          viewBox="0 0 320 512"
-          width="1em"
+        <span
+          class="pf-v6-c-menu-toggle__toggle-icon"
         >
-          <path
-            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-          />
-        </svg>
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 320 512"
+            width="1em"
+          >
+            <path
+              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+            />
+          </svg>
+        </span>
       </span>
-    </span>
-  </button>
+    </button>
+  </div>
 </DocumentFragment>
 `;
diff --git a/packages/react-core/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap b/packages/react-core/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap
index 2fb901d49f5..4cf64cc2e8b 100644
--- a/packages/react-core/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap
+++ b/packages/react-core/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap
@@ -22,50 +22,54 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
       </b>
        
     </div>
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
-      data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-44"
-      data-ouia-component-type="PF6/MenuToggle"
-      data-ouia-safe="true"
-      id="options-menu-top-toggle"
-      type="button"
+    <div
+      class="pf-v6-c-pagination__page-menu"
     >
-      <span
-        class="pf-v6-c-menu-toggle__text"
-      >
-        <b>
-          1 - 10
-        </b>
-         of 
-        <b>
-          0
-        </b>
-         
-      </span>
-      <span
-        class="pf-v6-c-menu-toggle__controls"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+        data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-44"
+        data-ouia-component-type="PF6/MenuToggle"
+        data-ouia-safe="true"
+        id="options-menu-top-toggle"
+        type="button"
       >
         <span
-          class="pf-v6-c-menu-toggle__toggle-icon"
+          class="pf-v6-c-menu-toggle__text"
+        >
+          <b>
+            1 - 10
+          </b>
+           of 
+          <b>
+            0
+          </b>
+           
+        </span>
+        <span
+          class="pf-v6-c-menu-toggle__controls"
         >
-          <svg
-            aria-hidden="true"
-            class="pf-v6-svg"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            viewBox="0 0 320 512"
-            width="1em"
+          <span
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
-            <path
-              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-            />
-          </svg>
+            <svg
+              aria-hidden="true"
+              class="pf-v6-svg"
+              fill="currentColor"
+              height="1em"
+              role="img"
+              viewBox="0 0 320 512"
+              width="1em"
+            >
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
+          </span>
         </span>
-      </span>
-    </button>
+      </button>
+    </div>
     <nav
       aria-label="Pagination"
       class="pf-v6-c-pagination__nav"
@@ -231,50 +235,54 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
       </b>
        
     </div>
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
-      data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-42"
-      data-ouia-component-type="PF6/MenuToggle"
-      data-ouia-safe="true"
-      id="options-menu-top-toggle"
-      type="button"
+    <div
+      class="pf-v6-c-pagination__page-menu"
     >
-      <span
-        class="pf-v6-c-menu-toggle__text"
-      >
-        <b>
-          1 - 10
-        </b>
-         of 
-        <b>
-          0
-        </b>
-         
-      </span>
-      <span
-        class="pf-v6-c-menu-toggle__controls"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+        data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-42"
+        data-ouia-component-type="PF6/MenuToggle"
+        data-ouia-safe="true"
+        id="options-menu-top-toggle"
+        type="button"
       >
         <span
-          class="pf-v6-c-menu-toggle__toggle-icon"
+          class="pf-v6-c-menu-toggle__text"
+        >
+          <b>
+            1 - 10
+          </b>
+           of 
+          <b>
+            0
+          </b>
+           
+        </span>
+        <span
+          class="pf-v6-c-menu-toggle__controls"
         >
-          <svg
-            aria-hidden="true"
-            class="pf-v6-svg"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            viewBox="0 0 320 512"
-            width="1em"
+          <span
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
-            <path
-              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-            />
-          </svg>
+            <svg
+              aria-hidden="true"
+              class="pf-v6-svg"
+              fill="currentColor"
+              height="1em"
+              role="img"
+              viewBox="0 0 320 512"
+              width="1em"
+            >
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
+          </span>
         </span>
-      </span>
-    </button>
+      </button>
+    </div>
     <nav
       aria-label="Pagination"
       class="pf-v6-c-pagination__nav"
@@ -440,50 +448,54 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
       </b>
        
     </div>
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
-      data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-41"
-      data-ouia-component-type="PF6/MenuToggle"
-      data-ouia-safe="true"
-      id="options-menu-top-toggle"
-      type="button"
+    <div
+      class="pf-v6-c-pagination__page-menu"
     >
-      <span
-        class="pf-v6-c-menu-toggle__text"
-      >
-        <b>
-          1 - 10
-        </b>
-         of 
-        <b>
-          0
-        </b>
-         
-      </span>
-      <span
-        class="pf-v6-c-menu-toggle__controls"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+        data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-41"
+        data-ouia-component-type="PF6/MenuToggle"
+        data-ouia-safe="true"
+        id="options-menu-top-toggle"
+        type="button"
       >
         <span
-          class="pf-v6-c-menu-toggle__toggle-icon"
+          class="pf-v6-c-menu-toggle__text"
+        >
+          <b>
+            1 - 10
+          </b>
+           of 
+          <b>
+            0
+          </b>
+           
+        </span>
+        <span
+          class="pf-v6-c-menu-toggle__controls"
         >
-          <svg
-            aria-hidden="true"
-            class="pf-v6-svg"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            viewBox="0 0 320 512"
-            width="1em"
+          <span
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
-            <path
-              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-            />
-          </svg>
+            <svg
+              aria-hidden="true"
+              class="pf-v6-svg"
+              fill="currentColor"
+              height="1em"
+              role="img"
+              viewBox="0 0 320 512"
+              width="1em"
+            >
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
+          </span>
         </span>
-      </span>
-    </button>
+      </button>
+    </div>
     <nav
       aria-label="Pagination"
       class="pf-v6-c-pagination__nav"
@@ -649,50 +661,54 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
       </b>
        
     </div>
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
-      data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-39"
-      data-ouia-component-type="PF6/MenuToggle"
-      data-ouia-safe="true"
-      id="options-menu-top-toggle"
-      type="button"
+    <div
+      class="pf-v6-c-pagination__page-menu"
     >
-      <span
-        class="pf-v6-c-menu-toggle__text"
-      >
-        <b>
-          1 - 10
-        </b>
-         of 
-        <b>
-          0
-        </b>
-         
-      </span>
-      <span
-        class="pf-v6-c-menu-toggle__controls"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+        data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-39"
+        data-ouia-component-type="PF6/MenuToggle"
+        data-ouia-safe="true"
+        id="options-menu-top-toggle"
+        type="button"
       >
         <span
-          class="pf-v6-c-menu-toggle__toggle-icon"
+          class="pf-v6-c-menu-toggle__text"
+        >
+          <b>
+            1 - 10
+          </b>
+           of 
+          <b>
+            0
+          </b>
+           
+        </span>
+        <span
+          class="pf-v6-c-menu-toggle__controls"
         >
-          <svg
-            aria-hidden="true"
-            class="pf-v6-svg"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            viewBox="0 0 320 512"
-            width="1em"
+          <span
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
-            <path
-              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-            />
-          </svg>
+            <svg
+              aria-hidden="true"
+              class="pf-v6-svg"
+              fill="currentColor"
+              height="1em"
+              role="img"
+              viewBox="0 0 320 512"
+              width="1em"
+            >
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
+          </span>
         </span>
-      </span>
-    </button>
+      </button>
+    </div>
     <nav
       aria-label="Pagination"
       class="pf-v6-c-pagination__nav"
@@ -858,50 +874,54 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
       </b>
        
     </div>
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
-      data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-40"
-      data-ouia-component-type="PF6/MenuToggle"
-      data-ouia-safe="true"
-      id="options-menu-top-toggle"
-      type="button"
+    <div
+      class="pf-v6-c-pagination__page-menu"
     >
-      <span
-        class="pf-v6-c-menu-toggle__text"
-      >
-        <b>
-          1 - 10
-        </b>
-         of 
-        <b>
-          0
-        </b>
-         
-      </span>
-      <span
-        class="pf-v6-c-menu-toggle__controls"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+        data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-40"
+        data-ouia-component-type="PF6/MenuToggle"
+        data-ouia-safe="true"
+        id="options-menu-top-toggle"
+        type="button"
       >
         <span
-          class="pf-v6-c-menu-toggle__toggle-icon"
+          class="pf-v6-c-menu-toggle__text"
+        >
+          <b>
+            1 - 10
+          </b>
+           of 
+          <b>
+            0
+          </b>
+           
+        </span>
+        <span
+          class="pf-v6-c-menu-toggle__controls"
         >
-          <svg
-            aria-hidden="true"
-            class="pf-v6-svg"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            viewBox="0 0 320 512"
-            width="1em"
+          <span
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
-            <path
-              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-            />
-          </svg>
+            <svg
+              aria-hidden="true"
+              class="pf-v6-svg"
+              fill="currentColor"
+              height="1em"
+              role="img"
+              viewBox="0 0 320 512"
+              width="1em"
+            >
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
+          </span>
         </span>
-      </span>
-    </button>
+      </button>
+    </div>
     <nav
       aria-label="Pagination"
       class="pf-v6-c-pagination__nav"
@@ -1067,50 +1087,54 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
       </b>
        
     </div>
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
-      data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-43"
-      data-ouia-component-type="PF6/MenuToggle"
-      data-ouia-safe="true"
-      id="options-menu-top-toggle"
-      type="button"
+    <div
+      class="pf-v6-c-pagination__page-menu"
     >
-      <span
-        class="pf-v6-c-menu-toggle__text"
-      >
-        <b>
-          1 - 10
-        </b>
-         of 
-        <b>
-          0
-        </b>
-         
-      </span>
-      <span
-        class="pf-v6-c-menu-toggle__controls"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+        data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-43"
+        data-ouia-component-type="PF6/MenuToggle"
+        data-ouia-safe="true"
+        id="options-menu-top-toggle"
+        type="button"
       >
         <span
-          class="pf-v6-c-menu-toggle__toggle-icon"
+          class="pf-v6-c-menu-toggle__text"
+        >
+          <b>
+            1 - 10
+          </b>
+           of 
+          <b>
+            0
+          </b>
+           
+        </span>
+        <span
+          class="pf-v6-c-menu-toggle__controls"
         >
-          <svg
-            aria-hidden="true"
-            class="pf-v6-svg"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            viewBox="0 0 320 512"
-            width="1em"
+          <span
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
-            <path
-              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-            />
-          </svg>
+            <svg
+              aria-hidden="true"
+              class="pf-v6-svg"
+              fill="currentColor"
+              height="1em"
+              role="img"
+              viewBox="0 0 320 512"
+              width="1em"
+            >
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
+          </span>
         </span>
-      </span>
-    </button>
+      </button>
+    </div>
     <nav
       aria-label="Pagination"
       class="pf-v6-c-pagination__nav"
@@ -1269,43 +1293,47 @@ exports[`Pagination component render custom pagination toggle 1`] = `
     >
       1 - 10 - 40 - 
     </div>
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
-      data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-13"
-      data-ouia-component-type="PF6/MenuToggle"
-      data-ouia-safe="true"
-      id="options-menu-top-toggle"
-      type="button"
+    <div
+      class="pf-v6-c-pagination__page-menu"
     >
-      <span
-        class="pf-v6-c-menu-toggle__text"
-      >
-        1 - 10 - 40 - 
-      </span>
-      <span
-        class="pf-v6-c-menu-toggle__controls"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+        data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-13"
+        data-ouia-component-type="PF6/MenuToggle"
+        data-ouia-safe="true"
+        id="options-menu-top-toggle"
+        type="button"
       >
         <span
-          class="pf-v6-c-menu-toggle__toggle-icon"
+          class="pf-v6-c-menu-toggle__text"
         >
-          <svg
-            aria-hidden="true"
-            class="pf-v6-svg"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            viewBox="0 0 320 512"
-            width="1em"
+          1 - 10 - 40 - 
+        </span>
+        <span
+          class="pf-v6-c-menu-toggle__controls"
+        >
+          <span
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
-            <path
-              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-            />
-          </svg>
+            <svg
+              aria-hidden="true"
+              class="pf-v6-svg"
+              fill="currentColor"
+              height="1em"
+              role="img"
+              viewBox="0 0 320 512"
+              width="1em"
+            >
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
+          </span>
         </span>
-      </span>
-    </button>
+      </button>
+    </div>
     <nav
       aria-label="Pagination"
       class="pf-v6-c-pagination__nav"
@@ -1475,50 +1503,54 @@ exports[`Pagination component render custom perPageOptions 1`] = `
       </b>
        
     </div>
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
-      data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-10"
-      data-ouia-component-type="PF6/MenuToggle"
-      data-ouia-safe="true"
-      id="options-menu-top-toggle"
-      type="button"
+    <div
+      class="pf-v6-c-pagination__page-menu"
     >
-      <span
-        class="pf-v6-c-menu-toggle__text"
-      >
-        <b>
-          1 - 10
-        </b>
-         of 
-        <b>
-          40
-        </b>
-         
-      </span>
-      <span
-        class="pf-v6-c-menu-toggle__controls"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+        data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-10"
+        data-ouia-component-type="PF6/MenuToggle"
+        data-ouia-safe="true"
+        id="options-menu-top-toggle"
+        type="button"
       >
         <span
-          class="pf-v6-c-menu-toggle__toggle-icon"
+          class="pf-v6-c-menu-toggle__text"
+        >
+          <b>
+            1 - 10
+          </b>
+           of 
+          <b>
+            40
+          </b>
+           
+        </span>
+        <span
+          class="pf-v6-c-menu-toggle__controls"
         >
-          <svg
-            aria-hidden="true"
-            class="pf-v6-svg"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            viewBox="0 0 320 512"
-            width="1em"
+          <span
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
-            <path
-              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-            />
-          </svg>
+            <svg
+              aria-hidden="true"
+              class="pf-v6-svg"
+              fill="currentColor"
+              height="1em"
+              role="img"
+              viewBox="0 0 320 512"
+              width="1em"
+            >
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
+          </span>
         </span>
-      </span>
-    </button>
+      </button>
+    </div>
     <nav
       aria-label="Pagination"
       class="pf-v6-c-pagination__nav"
@@ -1688,50 +1720,54 @@ exports[`Pagination component render custom start end 1`] = `
       </b>
        
     </div>
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
-      data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-11"
-      data-ouia-component-type="PF6/MenuToggle"
-      data-ouia-safe="true"
-      id="options-menu-top-toggle"
-      type="button"
+    <div
+      class="pf-v6-c-pagination__page-menu"
     >
-      <span
-        class="pf-v6-c-menu-toggle__text"
-      >
-        <b>
-          5 - 15
-        </b>
-         of 
-        <b>
-          40
-        </b>
-         
-      </span>
-      <span
-        class="pf-v6-c-menu-toggle__controls"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+        data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-11"
+        data-ouia-component-type="PF6/MenuToggle"
+        data-ouia-safe="true"
+        id="options-menu-top-toggle"
+        type="button"
       >
         <span
-          class="pf-v6-c-menu-toggle__toggle-icon"
+          class="pf-v6-c-menu-toggle__text"
+        >
+          <b>
+            5 - 15
+          </b>
+           of 
+          <b>
+            40
+          </b>
+           
+        </span>
+        <span
+          class="pf-v6-c-menu-toggle__controls"
         >
-          <svg
-            aria-hidden="true"
-            class="pf-v6-svg"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            viewBox="0 0 320 512"
-            width="1em"
+          <span
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
-            <path
-              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-            />
-          </svg>
+            <svg
+              aria-hidden="true"
+              class="pf-v6-svg"
+              fill="currentColor"
+              height="1em"
+              role="img"
+              viewBox="0 0 320 512"
+              width="1em"
+            >
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
+          </span>
         </span>
-      </span>
-    </button>
+      </button>
+    </div>
     <nav
       aria-label="Pagination"
       class="pf-v6-c-pagination__nav"
@@ -2068,50 +2104,54 @@ exports[`Pagination component render last page 1`] = `
       </b>
        
     </div>
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
-      data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-9"
-      data-ouia-component-type="PF6/MenuToggle"
-      data-ouia-safe="true"
-      id="options-menu-top-toggle"
-      type="button"
+    <div
+      class="pf-v6-c-pagination__page-menu"
     >
-      <span
-        class="pf-v6-c-menu-toggle__text"
-      >
-        <b>
-          11 - 20
-        </b>
-         of 
-        <b>
-          20
-        </b>
-         
-      </span>
-      <span
-        class="pf-v6-c-menu-toggle__controls"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+        data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-9"
+        data-ouia-component-type="PF6/MenuToggle"
+        data-ouia-safe="true"
+        id="options-menu-top-toggle"
+        type="button"
       >
         <span
-          class="pf-v6-c-menu-toggle__toggle-icon"
+          class="pf-v6-c-menu-toggle__text"
+        >
+          <b>
+            11 - 20
+          </b>
+           of 
+          <b>
+            20
+          </b>
+           
+        </span>
+        <span
+          class="pf-v6-c-menu-toggle__controls"
         >
-          <svg
-            aria-hidden="true"
-            class="pf-v6-svg"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            viewBox="0 0 320 512"
-            width="1em"
+          <span
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
-            <path
-              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-            />
-          </svg>
+            <svg
+              aria-hidden="true"
+              class="pf-v6-svg"
+              fill="currentColor"
+              height="1em"
+              role="img"
+              viewBox="0 0 320 512"
+              width="1em"
+            >
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
+          </span>
         </span>
-      </span>
-    </button>
+      </button>
+    </div>
     <nav
       aria-label="Pagination"
       class="pf-v6-c-pagination__nav"
@@ -2281,50 +2321,54 @@ exports[`Pagination component render limited number of pages 1`] = `
       </b>
        
     </div>
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
-      data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-7"
-      data-ouia-component-type="PF6/MenuToggle"
-      data-ouia-safe="true"
-      id="options-menu-top-toggle"
-      type="button"
+    <div
+      class="pf-v6-c-pagination__page-menu"
     >
-      <span
-        class="pf-v6-c-menu-toggle__text"
-      >
-        <b>
-          1 - 20
-        </b>
-         of 
-        <b>
-          20
-        </b>
-         
-      </span>
-      <span
-        class="pf-v6-c-menu-toggle__controls"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+        data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-7"
+        data-ouia-component-type="PF6/MenuToggle"
+        data-ouia-safe="true"
+        id="options-menu-top-toggle"
+        type="button"
       >
         <span
-          class="pf-v6-c-menu-toggle__toggle-icon"
+          class="pf-v6-c-menu-toggle__text"
+        >
+          <b>
+            1 - 20
+          </b>
+           of 
+          <b>
+            20
+          </b>
+           
+        </span>
+        <span
+          class="pf-v6-c-menu-toggle__controls"
         >
-          <svg
-            aria-hidden="true"
-            class="pf-v6-svg"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            viewBox="0 0 320 512"
-            width="1em"
+          <span
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
-            <path
-              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-            />
-          </svg>
+            <svg
+              aria-hidden="true"
+              class="pf-v6-svg"
+              fill="currentColor"
+              height="1em"
+              role="img"
+              viewBox="0 0 320 512"
+              width="1em"
+            >
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
+          </span>
         </span>
-      </span>
-    </button>
+      </button>
+    </div>
     <nav
       aria-label="Pagination"
       class="pf-v6-c-pagination__nav"
@@ -2485,50 +2529,54 @@ exports[`Pagination component render should render correctly bottom 1`] = `
     id="options-menu-bottom-pagination"
     style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
-      data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-2"
-      data-ouia-component-type="PF6/MenuToggle"
-      data-ouia-safe="true"
-      id="options-menu-bottom-toggle"
-      type="button"
+    <div
+      class="pf-v6-c-pagination__page-menu"
     >
-      <span
-        class="pf-v6-c-menu-toggle__text"
-      >
-        <b>
-          1 - 10
-        </b>
-         of 
-        <b>
-          20
-        </b>
-         
-      </span>
-      <span
-        class="pf-v6-c-menu-toggle__controls"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+        data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-2"
+        data-ouia-component-type="PF6/MenuToggle"
+        data-ouia-safe="true"
+        id="options-menu-bottom-toggle"
+        type="button"
       >
         <span
-          class="pf-v6-c-menu-toggle__toggle-icon"
+          class="pf-v6-c-menu-toggle__text"
+        >
+          <b>
+            1 - 10
+          </b>
+           of 
+          <b>
+            20
+          </b>
+           
+        </span>
+        <span
+          class="pf-v6-c-menu-toggle__controls"
         >
-          <svg
-            aria-hidden="true"
-            class="pf-v6-svg"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            viewBox="0 0 320 512"
-            width="1em"
+          <span
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
-            <path
-              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-            />
-          </svg>
+            <svg
+              aria-hidden="true"
+              class="pf-v6-svg"
+              fill="currentColor"
+              height="1em"
+              role="img"
+              viewBox="0 0 320 512"
+              width="1em"
+            >
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
+          </span>
         </span>
-      </span>
-    </button>
+      </button>
+    </div>
     <nav
       aria-label="Pagination"
       class="pf-v6-c-pagination__nav"
@@ -2686,50 +2734,54 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
     id="options-menu-bottom-pagination"
     style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
-      data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-5"
-      data-ouia-component-type="PF6/MenuToggle"
-      data-ouia-safe="true"
-      id="options-menu-bottom-toggle"
-      type="button"
+    <div
+      class="pf-v6-c-pagination__page-menu"
     >
-      <span
-        class="pf-v6-c-menu-toggle__text"
-      >
-        <b>
-          1 - 10
-        </b>
-         of 
-        <b>
-          20
-        </b>
-         
-      </span>
-      <span
-        class="pf-v6-c-menu-toggle__controls"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+        data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-5"
+        data-ouia-component-type="PF6/MenuToggle"
+        data-ouia-safe="true"
+        id="options-menu-bottom-toggle"
+        type="button"
       >
         <span
-          class="pf-v6-c-menu-toggle__toggle-icon"
+          class="pf-v6-c-menu-toggle__text"
+        >
+          <b>
+            1 - 10
+          </b>
+           of 
+          <b>
+            20
+          </b>
+           
+        </span>
+        <span
+          class="pf-v6-c-menu-toggle__controls"
         >
-          <svg
-            aria-hidden="true"
-            class="pf-v6-svg"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            viewBox="0 0 320 512"
-            width="1em"
+          <span
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
-            <path
-              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-            />
-          </svg>
+            <svg
+              aria-hidden="true"
+              class="pf-v6-svg"
+              fill="currentColor"
+              height="1em"
+              role="img"
+              viewBox="0 0 320 512"
+              width="1em"
+            >
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
+          </span>
         </span>
-      </span>
-    </button>
+      </button>
+    </div>
     <nav
       aria-label="Pagination"
       class="pf-v6-c-pagination__nav"
@@ -2899,50 +2951,54 @@ exports[`Pagination component render should render correctly compact 1`] = `
       </b>
        
     </div>
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
-      data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-3"
-      data-ouia-component-type="PF6/MenuToggle"
-      data-ouia-safe="true"
-      id="options-menu-top-toggle"
-      type="button"
+    <div
+      class="pf-v6-c-pagination__page-menu"
     >
-      <span
-        class="pf-v6-c-menu-toggle__text"
-      >
-        <b>
-          1 - 10
-        </b>
-         of 
-        <b>
-          20
-        </b>
-         
-      </span>
-      <span
-        class="pf-v6-c-menu-toggle__controls"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+        data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-3"
+        data-ouia-component-type="PF6/MenuToggle"
+        data-ouia-safe="true"
+        id="options-menu-top-toggle"
+        type="button"
       >
         <span
-          class="pf-v6-c-menu-toggle__toggle-icon"
+          class="pf-v6-c-menu-toggle__text"
+        >
+          <b>
+            1 - 10
+          </b>
+           of 
+          <b>
+            20
+          </b>
+           
+        </span>
+        <span
+          class="pf-v6-c-menu-toggle__controls"
         >
-          <svg
-            aria-hidden="true"
-            class="pf-v6-svg"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            viewBox="0 0 320 512"
-            width="1em"
+          <span
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
-            <path
-              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-            />
-          </svg>
+            <svg
+              aria-hidden="true"
+              class="pf-v6-svg"
+              fill="currentColor"
+              height="1em"
+              role="img"
+              viewBox="0 0 320 512"
+              width="1em"
+            >
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
+          </span>
         </span>
-      </span>
-    </button>
+      </button>
+    </div>
     <nav
       aria-label="Pagination"
       class="pf-v6-c-pagination__nav"
@@ -3112,51 +3168,55 @@ exports[`Pagination component render should render correctly disabled 1`] = `
       </b>
        
     </div>
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-disabled"
-      data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-6"
-      data-ouia-component-type="PF6/MenuToggle"
-      data-ouia-safe="true"
-      disabled=""
-      id="options-menu-top-toggle"
-      type="button"
+    <div
+      class="pf-v6-c-pagination__page-menu"
     >
-      <span
-        class="pf-v6-c-menu-toggle__text"
-      >
-        <b>
-          1 - 10
-        </b>
-         of 
-        <b>
-          20
-        </b>
-         
-      </span>
-      <span
-        class="pf-v6-c-menu-toggle__controls"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-disabled"
+        data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-6"
+        data-ouia-component-type="PF6/MenuToggle"
+        data-ouia-safe="true"
+        disabled=""
+        id="options-menu-top-toggle"
+        type="button"
       >
         <span
-          class="pf-v6-c-menu-toggle__toggle-icon"
+          class="pf-v6-c-menu-toggle__text"
+        >
+          <b>
+            1 - 10
+          </b>
+           of 
+          <b>
+            20
+          </b>
+           
+        </span>
+        <span
+          class="pf-v6-c-menu-toggle__controls"
         >
-          <svg
-            aria-hidden="true"
-            class="pf-v6-svg"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            viewBox="0 0 320 512"
-            width="1em"
+          <span
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
-            <path
-              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-            />
-          </svg>
+            <svg
+              aria-hidden="true"
+              class="pf-v6-svg"
+              fill="currentColor"
+              height="1em"
+              role="img"
+              viewBox="0 0 320 512"
+              width="1em"
+            >
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
+          </span>
         </span>
-      </span>
-    </button>
+      </button>
+    </div>
     <nav
       aria-label="Pagination"
       class="pf-v6-c-pagination__nav"
@@ -3329,50 +3389,54 @@ exports[`Pagination component render should render correctly sticky 1`] = `
       </b>
        
     </div>
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
-      data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-4"
-      data-ouia-component-type="PF6/MenuToggle"
-      data-ouia-safe="true"
-      id="options-menu-top-toggle"
-      type="button"
+    <div
+      class="pf-v6-c-pagination__page-menu"
     >
-      <span
-        class="pf-v6-c-menu-toggle__text"
-      >
-        <b>
-          1 - 10
-        </b>
-         of 
-        <b>
-          20
-        </b>
-         
-      </span>
-      <span
-        class="pf-v6-c-menu-toggle__controls"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+        data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-4"
+        data-ouia-component-type="PF6/MenuToggle"
+        data-ouia-safe="true"
+        id="options-menu-top-toggle"
+        type="button"
       >
         <span
-          class="pf-v6-c-menu-toggle__toggle-icon"
+          class="pf-v6-c-menu-toggle__text"
+        >
+          <b>
+            1 - 10
+          </b>
+           of 
+          <b>
+            20
+          </b>
+           
+        </span>
+        <span
+          class="pf-v6-c-menu-toggle__controls"
         >
-          <svg
-            aria-hidden="true"
-            class="pf-v6-svg"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            viewBox="0 0 320 512"
-            width="1em"
+          <span
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
-            <path
-              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-            />
-          </svg>
+            <svg
+              aria-hidden="true"
+              class="pf-v6-svg"
+              fill="currentColor"
+              height="1em"
+              role="img"
+              viewBox="0 0 320 512"
+              width="1em"
+            >
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
+          </span>
         </span>
-      </span>
-    </button>
+      </button>
+    </div>
     <nav
       aria-label="Pagination"
       class="pf-v6-c-pagination__nav"
@@ -3542,50 +3606,54 @@ exports[`Pagination component render should render correctly top 1`] = `
       </b>
        
     </div>
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
-      data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-1"
-      data-ouia-component-type="PF6/MenuToggle"
-      data-ouia-safe="true"
-      id="options-menu-top-toggle"
-      type="button"
+    <div
+      class="pf-v6-c-pagination__page-menu"
     >
-      <span
-        class="pf-v6-c-menu-toggle__text"
-      >
-        <b>
-          1 - 10
-        </b>
-         of 
-        <b>
-          20
-        </b>
-         
-      </span>
-      <span
-        class="pf-v6-c-menu-toggle__controls"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+        data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-1"
+        data-ouia-component-type="PF6/MenuToggle"
+        data-ouia-safe="true"
+        id="options-menu-top-toggle"
+        type="button"
       >
         <span
-          class="pf-v6-c-menu-toggle__toggle-icon"
+          class="pf-v6-c-menu-toggle__text"
+        >
+          <b>
+            1 - 10
+          </b>
+           of 
+          <b>
+            20
+          </b>
+           
+        </span>
+        <span
+          class="pf-v6-c-menu-toggle__controls"
         >
-          <svg
-            aria-hidden="true"
-            class="pf-v6-svg"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            viewBox="0 0 320 512"
-            width="1em"
+          <span
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
-            <path
-              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-            />
-          </svg>
+            <svg
+              aria-hidden="true"
+              class="pf-v6-svg"
+              fill="currentColor"
+              height="1em"
+              role="img"
+              viewBox="0 0 320 512"
+              width="1em"
+            >
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
+          </span>
         </span>
-      </span>
-    </button>
+      </button>
+    </div>
     <nav
       aria-label="Pagination"
       class="pf-v6-c-pagination__nav"
@@ -3755,50 +3823,54 @@ exports[`Pagination component render titles 1`] = `
       </b>
        values
     </div>
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
-      data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-12"
-      data-ouia-component-type="PF6/MenuToggle"
-      data-ouia-safe="true"
-      id="options-menu-top-toggle"
-      type="button"
+    <div
+      class="pf-v6-c-pagination__page-menu"
     >
-      <span
-        class="pf-v6-c-menu-toggle__text"
-      >
-        <b>
-          1 - 10
-        </b>
-         of 
-        <b>
-          40
-        </b>
-         values
-      </span>
-      <span
-        class="pf-v6-c-menu-toggle__controls"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+        data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-12"
+        data-ouia-component-type="PF6/MenuToggle"
+        data-ouia-safe="true"
+        id="options-menu-top-toggle"
+        type="button"
       >
         <span
-          class="pf-v6-c-menu-toggle__toggle-icon"
+          class="pf-v6-c-menu-toggle__text"
+        >
+          <b>
+            1 - 10
+          </b>
+           of 
+          <b>
+            40
+          </b>
+           values
+        </span>
+        <span
+          class="pf-v6-c-menu-toggle__controls"
         >
-          <svg
-            aria-hidden="true"
-            class="pf-v6-svg"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            viewBox="0 0 320 512"
-            width="1em"
+          <span
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
-            <path
-              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-            />
-          </svg>
+            <svg
+              aria-hidden="true"
+              class="pf-v6-svg"
+              fill="currentColor"
+              height="1em"
+              role="img"
+              viewBox="0 0 320 512"
+              width="1em"
+            >
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
+          </span>
         </span>
-      </span>
-    </button>
+      </button>
+    </div>
     <nav
       aria-label="Pagination"
       class="pf-v6-c-pagination__nav"
@@ -3968,50 +4040,54 @@ exports[`Pagination component render up drop direction 1`] = `
       </b>
        
     </div>
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
-      data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-14"
-      data-ouia-component-type="PF6/MenuToggle"
-      data-ouia-safe="true"
-      id="options-menu-top-toggle"
-      type="button"
+    <div
+      class="pf-v6-c-pagination__page-menu"
     >
-      <span
-        class="pf-v6-c-menu-toggle__text"
-      >
-        <b>
-          1 - 10
-        </b>
-         of 
-        <b>
-          40
-        </b>
-         
-      </span>
-      <span
-        class="pf-v6-c-menu-toggle__controls"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+        data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-14"
+        data-ouia-component-type="PF6/MenuToggle"
+        data-ouia-safe="true"
+        id="options-menu-top-toggle"
+        type="button"
       >
         <span
-          class="pf-v6-c-menu-toggle__toggle-icon"
+          class="pf-v6-c-menu-toggle__text"
+        >
+          <b>
+            1 - 10
+          </b>
+           of 
+          <b>
+            40
+          </b>
+           
+        </span>
+        <span
+          class="pf-v6-c-menu-toggle__controls"
         >
-          <svg
-            aria-hidden="true"
-            class="pf-v6-svg"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            viewBox="0 0 320 512"
-            width="1em"
+          <span
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
-            <path
-              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-            />
-          </svg>
+            <svg
+              aria-hidden="true"
+              class="pf-v6-svg"
+              fill="currentColor"
+              height="1em"
+              role="img"
+              viewBox="0 0 320 512"
+              width="1em"
+            >
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
+          </span>
         </span>
-      </span>
-    </button>
+      </button>
+    </div>
     <nav
       aria-label="Pagination"
       class="pf-v6-c-pagination__nav"
@@ -4181,50 +4257,54 @@ exports[`Pagination component render zero results 1`] = `
       </b>
        
     </div>
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
-      data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-8"
-      data-ouia-component-type="PF6/MenuToggle"
-      data-ouia-safe="true"
-      id="options-menu-top-toggle"
-      type="button"
+    <div
+      class="pf-v6-c-pagination__page-menu"
     >
-      <span
-        class="pf-v6-c-menu-toggle__text"
-      >
-        <b>
-          0 - 0
-        </b>
-         of 
-        <b>
-          0
-        </b>
-         
-      </span>
-      <span
-        class="pf-v6-c-menu-toggle__controls"
+      <button
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+        data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-8"
+        data-ouia-component-type="PF6/MenuToggle"
+        data-ouia-safe="true"
+        id="options-menu-top-toggle"
+        type="button"
       >
         <span
-          class="pf-v6-c-menu-toggle__toggle-icon"
+          class="pf-v6-c-menu-toggle__text"
+        >
+          <b>
+            0 - 0
+          </b>
+           of 
+          <b>
+            0
+          </b>
+           
+        </span>
+        <span
+          class="pf-v6-c-menu-toggle__controls"
         >
-          <svg
-            aria-hidden="true"
-            class="pf-v6-svg"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            viewBox="0 0 320 512"
-            width="1em"
+          <span
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
-            <path
-              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-            />
-          </svg>
+            <svg
+              aria-hidden="true"
+              class="pf-v6-svg"
+              fill="currentColor"
+              height="1em"
+              role="img"
+              viewBox="0 0 320 512"
+              width="1em"
+            >
+              <path
+                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+              />
+            </svg>
+          </span>
         </span>
-      </span>
-    </button>
+      </button>
+    </div>
     <nav
       aria-label="Pagination"
       class="pf-v6-c-pagination__nav"