diff --git a/src/__snapshots__/storybook.test.js.snap b/src/__snapshots__/storybook.test.js.snap
index d3c0a8c96..ff720e754 100644
--- a/src/__snapshots__/storybook.test.js.snap
+++ b/src/__snapshots__/storybook.test.js.snap
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:cf4bd1a96b1d4645eba4b906d25a5264ffb75d072f0ce4cfad7381547c50719a
-size 140792
+oid sha256:f4fc39921cdb89723b3f18785df5e4f8260e358204269bffcabc551fbe136195
+size 1892239
diff --git a/src/components/Inputs/input.module.scss b/src/components/Inputs/input.module.scss
index 2273ede32..d8c5ec49e 100644
--- a/src/components/Inputs/input.module.scss
+++ b/src/components/Inputs/input.module.scss
@@ -103,10 +103,8 @@
         }
 
         &.pill-shape {
-            border-color: transparent;
+            border-color: var(--border-color);
             border-radius: $corner-radius-xl;
-            box-shadow: 0 1px 2px rgba(15, 20, 31, 0.12),
-                0 2px 8px rgba(15, 20, 31, 0.16);
             padding: $space-xs $space-s;
         }
 
@@ -192,7 +190,7 @@
     }
 
     .icon-button {
-        background-color: var(--background-color);
+        background-color: transparent;
         bottom: 1px;
         color: var(--grey-color-60);
         height: 34px;
@@ -214,7 +212,7 @@
 
         &:active,
         &:focus {
-            background-color: var(--background-color);
+            background-color: transparent;
             padding: $button-padding-vertical-small $space-xxs;
 
             svg {
@@ -223,7 +221,7 @@
         }
 
         &:hover {
-            background-color: var(--background-color);
+            background-color: transparent;
             padding: $button-padding-vertical-small $space-xxs;
             outline-color: transparent;
 
diff --git a/src/components/Menu/MenuItem/menuItem.module.scss b/src/components/Menu/MenuItem/menuItem.module.scss
index 47a0bfc04..40966dc0c 100644
--- a/src/components/Menu/MenuItem/menuItem.module.scss
+++ b/src/components/Menu/MenuItem/menuItem.module.scss
@@ -5,38 +5,44 @@
     display: flex;
     align-items: center;
     gap: $space-xs;
-    border-radius: $space-xxs;
+    border-radius: $corner-radius-xl;
     cursor: pointer;
     font-weight: $text-font-weight-semibold;
     transition: all $motion-duration-extra-fast $motion-easing-easeinout 0s;
 
     &.large {
-        height: 48px;
+        height: 44px;
+        font-size: $text-font-size-4;
+        line-height: $text-line-height-3;
         padding: $button-padding-vertical-medium
             $button-padding-horizontal-medium;
     }
 
     &.medium {
-        height: 44px;
+        height: 36px;
+        font-size: $text-font-size-3;
+        line-height: $text-line-height-2;
         padding: $button-padding-vertical-medium
             $button-padding-horizontal-medium;
     }
 
     &.small {
-        height: 40px;
+        height: 28px;
+        font-size: $text-font-size-2;
+        line-height: $text-line-height-1;
         padding: $button-padding-vertical-small $button-padding-horizontal-small;
     }
 
     &.primary {
-        --label: var(--primary-color);
+        --label: var(--primary-color-70);
 
         &:hover {
-            --background: var(--primary-color-20);
+            --background: var(--accent-color-10);
         }
 
         &.active,
         &:active {
-            --background: var(--primary-color-10);
+            --background: var(--accent-color-20);
         }
     }
 
@@ -44,12 +50,12 @@
         --label: var(--disruptive-color);
 
         &:hover {
-            --background: var(--disruptive-color-20);
+            --background: var(--disruptive-color-10);
         }
 
         &.active,
         &:active {
-            --background: var(--disruptive-color-10);
+            --background: var(--disruptive-color-20);
         }
     }
 
@@ -58,12 +64,12 @@
         --label: var(--grey-color-70);
 
         &:hover {
-            --background: var(--grey-color-20);
+            --background: var(--grey-color-10);
         }
 
         &.active,
         &:active {
-            --background: var(--grey-color-10);
+            --background: var(--grey-color-20);
         }
     }
 
@@ -83,26 +89,26 @@
 :global(.focus-visible) {
     .menu-item {
         &:focus-visible {
-            outline-offset: 1px;
+            outline-offset: -1px;
             outline-width: $space-xxxs;
             outline-style: solid;
         }
 
         &.primary {
             &:focus-visible {
-                outline-color: var(--primary-color-50);
+                outline-color: var(--blueviolet-color-50);
             }
         }
 
         &.disruptive {
             &:focus-visible {
-                outline-color: var(--disruptive-color-50);
+                outline-color: var(--blueviolet-color-50);
             }
         }
 
         &.neutral {
             &:focus-visible {
-                outline-color: var(--grey-color-50);
+                outline-color: var(--blueviolet-color-50);
             }
         }
     }
diff --git a/src/components/Pagination/Pager.tsx b/src/components/Pagination/Pager.tsx
index cb718a17a..7e4028e8c 100644
--- a/src/components/Pagination/Pager.tsx
+++ b/src/components/Pagination/Pager.tsx
@@ -1,6 +1,11 @@
 import React, { FC, useEffect, useCallback, useState, Ref } from 'react';
 import { PagerProps } from './Pagination.types';
-import { ButtonSize, DefaultButton } from '../Button';
+import {
+    ButtonShape,
+    ButtonSize,
+    DefaultButton,
+    NeutralButton,
+} from '../Button';
 import { IconName } from '../Icon';
 import { mergeClasses } from '../../shared/utilities';
 
@@ -123,14 +128,15 @@ export const Pager: FC<PagerProps> = React.forwardRef(
             <ul {...rest} ref={ref} className={styles.pager}>
                 {pageCount > 0 && (
                     <li>
-                        <DefaultButton
+                        <NeutralButton
                             checked={currentPage === 1}
                             classNames={mergeClasses([
                                 styles.paginationButton,
                                 { [styles.active]: currentPage === 1 },
                             ])}
+                            shape={ButtonShape.Rectangle}
                             onClick={() => onCurrentChange(1)}
-                            size={ButtonSize.Small}
+                            size={ButtonSize.Medium}
                             text={'1'.toLocaleString()}
                             toggle
                         />
@@ -139,12 +145,13 @@ export const Pager: FC<PagerProps> = React.forwardRef(
                 {currentPage > EDGE_BUFFER_THRESHOLD &&
                     pageCount > SHORT_LIST_THRESHOLD && (
                         <li>
-                            <DefaultButton
+                            <NeutralButton
                                 ariaLabel={quickPreviousIconButtonAriaLabel}
                                 classNames={mergeClasses([
                                     styles.paginationButton,
                                     'quickprevious',
                                 ])}
+                                shape={ButtonShape.Rectangle}
                                 iconProps={{
                                     role: 'presentation',
                                     path: _quickPreviousActive
@@ -164,21 +171,22 @@ export const Pager: FC<PagerProps> = React.forwardRef(
                                         currentPage - EDGE_BUFFER_THRESHOLD
                                     )
                                 }
-                                size={ButtonSize.Small}
+                                size={ButtonSize.Medium}
                             />
                         </li>
                     )}
                 {_pagers?.map((pager, idx) => {
                     return (
                         <li key={idx}>
-                            <DefaultButton
+                            <NeutralButton
                                 checked={currentPage === pager}
+                                shape={ButtonShape.Rectangle}
                                 classNames={mergeClasses([
                                     styles.paginationButton,
                                     { [styles.active]: currentPage === pager },
                                 ])}
                                 onClick={() => onCurrentChange(pager)}
-                                size={ButtonSize.Small}
+                                size={ButtonSize.Medium}
                                 text={pager.toLocaleString()}
                                 toggle
                             />
@@ -188,12 +196,13 @@ export const Pager: FC<PagerProps> = React.forwardRef(
                 {currentPage < pageCount - EDGE_BUFFER_THRESHOLD &&
                     pageCount > SHORT_LIST_THRESHOLD && (
                         <li>
-                            <DefaultButton
+                            <NeutralButton
                                 ariaLabel={quickNextIconButtonAriaLabel}
                                 classNames={mergeClasses([
                                     styles.paginationButton,
                                     'quicknext',
                                 ])}
+                                shape={ButtonShape.Rectangle}
                                 iconProps={{
                                     role: 'presentation',
                                     path: _quickNextActive
@@ -209,20 +218,21 @@ export const Pager: FC<PagerProps> = React.forwardRef(
                                         currentPage + EDGE_BUFFER_THRESHOLD
                                     )
                                 }
-                                size={ButtonSize.Small}
+                                size={ButtonSize.Medium}
                             />
                         </li>
                     )}
                 {pageCount > 1 && (
                     <li>
-                        <DefaultButton
+                        <NeutralButton
+                            shape={ButtonShape.Rectangle}
                             checked={currentPage === pageCount}
                             classNames={mergeClasses([
                                 styles.paginationButton,
                                 { [styles.active]: currentPage === pageCount },
                             ])}
                             onClick={() => onCurrentChange(pageCount)}
-                            size={ButtonSize.Small}
+                            size={ButtonSize.Medium}
                             text={pageCount.toLocaleString()}
                             toggle
                         />
diff --git a/src/components/Pagination/Pagination.tsx b/src/components/Pagination/Pagination.tsx
index a740ec276..109e8d91f 100644
--- a/src/components/Pagination/Pagination.tsx
+++ b/src/components/Pagination/Pagination.tsx
@@ -1,6 +1,12 @@
 import React, { FC, Ref, useEffect, useState } from 'react';
 import { Pager, PaginationLayoutOptions, PaginationProps } from './index';
-import { ButtonIconAlign, ButtonSize, DefaultButton } from '../Button';
+import {
+    ButtonIconAlign,
+    ButtonShape,
+    ButtonSize,
+    DefaultButton,
+    NeutralButton,
+} from '../Button';
 import { Dropdown } from '../Dropdown';
 import { IconName } from '../Icon';
 import { Menu } from '../Menu';
@@ -194,20 +200,21 @@ export const Pagination: FC<PaginationProps> = React.forwardRef(
                                         overlay={Overlay(_pageSizes)}
                                         onVisibleChange={setToggle}
                                     >
-                                        <DefaultButton
+                                        <NeutralButton
                                             alignIcon={
                                                 htmlDir === 'ltr'
                                                     ? ButtonIconAlign.Right
                                                     : ButtonIconAlign.Left
                                             }
                                             ariaLabel={pageSizeButtonAriaLabel}
+                                            shape={ButtonShape.Rectangle}
                                             iconProps={{
                                                 role: 'presentation',
                                                 path: _toggle
                                                     ? IconName.mdiChevronDown
                                                     : IconName.mdiChevronUp,
                                             }}
-                                            size={ButtonSize.Small}
+                                            size={ButtonSize.Medium}
                                             text={
                                                 htmlDir === 'ltr'
                                                     ? `${_pageSize} / ${pageSizeText}`
@@ -229,9 +236,13 @@ export const Pagination: FC<PaginationProps> = React.forwardRef(
                         )}
                         {layout.includes(PaginationLayoutOptions.Previous) &&
                             moreThanOnePage && (
-                                <DefaultButton
+                                <NeutralButton
                                     ariaLabel={previousIconButtonAriaLabel}
-                                    classNames={styles.paginationButton}
+                                    classNames={mergeClasses([
+                                        styles.paginationButton,
+                                        styles.paginationPrevious,
+                                    ])}
+                                    shape={ButtonShape.Rectangle}
                                     key="previous"
                                     disabled={_currentPage <= 1}
                                     iconProps={{
@@ -239,7 +250,7 @@ export const Pagination: FC<PaginationProps> = React.forwardRef(
                                         path: IconName.mdiChevronLeft,
                                     }}
                                     onClick={previous}
-                                    size={ButtonSize.Small}
+                                    size={ButtonSize.Medium}
                                 />
                             )}
                         {layout.includes(PaginationLayoutOptions.Pager) && (
@@ -258,9 +269,13 @@ export const Pagination: FC<PaginationProps> = React.forwardRef(
                         )}
                         {layout.includes(PaginationLayoutOptions.Next) &&
                             moreThanOnePage && (
-                                <DefaultButton
+                                <NeutralButton
                                     ariaLabel={nextIconButtonAriaLabel}
-                                    classNames={styles.paginationButton}
+                                    classNames={mergeClasses([
+                                        styles.paginationButton,
+                                        styles.paginationNext,
+                                    ])}
+                                    shape={ButtonShape.Rectangle}
                                     key="next"
                                     disabled={
                                         _currentPage === getPageCount() ||
@@ -271,7 +286,7 @@ export const Pagination: FC<PaginationProps> = React.forwardRef(
                                         path: IconName.mdiChevronRight,
                                     }}
                                     onClick={() => next()}
-                                    size={ButtonSize.Small}
+                                    size={ButtonSize.Medium}
                                 />
                             )}
                         {layout.includes(PaginationLayoutOptions.Jumper) &&
diff --git a/src/components/Pagination/pagination.module.scss b/src/components/Pagination/pagination.module.scss
index af46b26eb..e31d7bc24 100644
--- a/src/components/Pagination/pagination.module.scss
+++ b/src/components/Pagination/pagination.module.scss
@@ -1,8 +1,10 @@
 .pagination {
-    --pager-button-active-foreground-color: var(--text-inverse-color);
-    --pager-button-active-outline-color: var(--primary-color-70);
-    --pager-button-active-background-color: var(--primary-color-70);
+    --pager-button-active-foreground-color: var(--primary-color-70);
+    --pager-button-active-outline-color: var(--accent-color-20);
+    --pager-button-active-background-color: var(--accent-color-20);
     padding: $space-xxs 0;
+    display: flex;
+    align-items: center;
 
     span,
     .pagination-button {
@@ -12,6 +14,10 @@
     }
 
     .pagination-button {
+        &:hover {
+            background: var(--accent-color-10);
+        }
+
         &:active,
         &.active {
             color: var(--pager-button-active-foreground-color);
@@ -24,6 +30,14 @@
         }
     }
 
+    .pagination-next {
+        margin-left: $space-xxs;
+    }
+
+    .pagination-previous {
+        margin-right: $space-xxs;
+    }
+
     .sizes {
         display: none;
         margin: 0 $space-xs;
@@ -68,7 +82,7 @@
         margin: 0;
 
         li {
-            padding: 0 $space-xxxs;
+            padding: 0 $space-xxs;
             vertical-align: top;
             display: inline-block;
             box-sizing: border-box;
@@ -90,6 +104,8 @@
             padding: 0;
             width: 24px;
             vertical-align: middle;
+            outline: solid 1px var(--accent-color-60);
+            outline-offset: -1px;
 
             span,
             svg {
@@ -99,10 +115,15 @@
             }
 
             svg {
-                margin-top: $space-xxs;
+                margin-top: $space-xxxs;
             }
         }
 
+        .pagination-next,
+        .pagination-previous {
+            outline-color: transparent;
+        }
+
         .jump {
             height: 24px;
             line-height: 24px;
diff --git a/src/components/Table/Tests/__snapshots__/Table.expand.test.tsx.snap b/src/components/Table/Tests/__snapshots__/Table.expand.test.tsx.snap
index 4cdf2c9dc..a00129170 100644
--- a/src/components/Table/Tests/__snapshots__/Table.expand.test.tsx.snap
+++ b/src/components/Table/Tests/__snapshots__/Table.expand.test.tsx.snap
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:0b5958c450632c524efec465d2050e94d61b2a639c02b475b04c2ec9005bc4a2
-size 229560
+oid sha256:eaa1096af8b69b1ed614aabda25f39feb94908bf3b56b76b567bc0ab2ed627ca
+size 229516
diff --git a/src/components/Table/Tests/__snapshots__/Table.pagination.test.js.snap b/src/components/Table/Tests/__snapshots__/Table.pagination.test.js.snap
index 34f29ea92..3204c037a 100644
--- a/src/components/Table/Tests/__snapshots__/Table.pagination.test.js.snap
+++ b/src/components/Table/Tests/__snapshots__/Table.pagination.test.js.snap
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:2a3e1ed42128ee55eebb08e8ddff60f67006c5bb99e84f199dd5555787259845
-size 2037502
+oid sha256:0c5c5faac97581849f9691cd29dc61baf2ffeee540d705e7d7436e24489b1049
+size 2037574
diff --git a/src/components/Table/Tests/__snapshots__/Table.rowSelection.test.js.snap b/src/components/Table/Tests/__snapshots__/Table.rowSelection.test.js.snap
index ad9edfaa4..fa5c0faf7 100644
--- a/src/components/Table/Tests/__snapshots__/Table.rowSelection.test.js.snap
+++ b/src/components/Table/Tests/__snapshots__/Table.rowSelection.test.js.snap
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:004cb87210a4e628e4926e9d6950549c68b4b82cc03f2aa76d47f24dd40320ae
-size 25485810
+oid sha256:8a585075a35716e480ce8e2b90b149d5ca190f4e0476c547c28f4083bfba53e5
+size 25485906
diff --git a/src/components/Table/Tests/__snapshots__/Table.sorter.test.js.snap b/src/components/Table/Tests/__snapshots__/Table.sorter.test.js.snap
index 266cdb260..8ebe82846 100644
--- a/src/components/Table/Tests/__snapshots__/Table.sorter.test.js.snap
+++ b/src/components/Table/Tests/__snapshots__/Table.sorter.test.js.snap
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:56805733e98c6f9dd81be900dc172f8c17429992bcd2248365a16b339141ecaf
-size 843387
+oid sha256:1293f1d48d00829fbb72cca96af575f051f20bfb8be6ae967c4fd4463b74fde9
+size 843343