diff --git a/__tests__/components/Pagination.test.jsx b/__tests__/components/Pagination.test.jsx
index e11148de25..b2ca6727e8 100644
--- a/__tests__/components/Pagination.test.jsx
+++ b/__tests__/components/Pagination.test.jsx
@@ -120,8 +120,8 @@ describe('<Pagination />', () => {
   });
 
   test('submit a new page by typing in input works', () => {
-    const textInputSelector = '.pf-l-split__item.pf-m-main .pf-c-form-control';
-    const submitFormSelector = '.pf-l-split__item.pf-m-main form';
+    const textInputSelector = '.awx-pagination__page-input.pf-c-form-control';
+    const submitFormSelector = '.awx-pagination__page-input-form';
     const onSetPage = jest.fn();
 
     pagination = mount(
diff --git a/src/components/Pagination/Pagination.jsx b/src/components/Pagination/Pagination.jsx
index 6959fff17c..b2ad94a99c 100644
--- a/src/components/Pagination/Pagination.jsx
+++ b/src/components/Pagination/Pagination.jsx
@@ -7,11 +7,7 @@ import {
   DropdownDirection,
   DropdownItem,
   DropdownToggle,
-  Level,
-  LevelItem,
-  TextInput,
-  Split,
-  SplitItem,
+  TextInput
 } from '@patternfly/react-core';
 
 class Pagination extends Component {
@@ -120,120 +116,102 @@ class Pagination extends Component {
     const itemMin = ((page - 1) * page_size) + 1;
     const itemMax = itemMin + itemCount - 1;
 
-    const disabledStyle = {
-      backgroundColor: '#EDEDED',
-      border: '1px solid #C2C2CA',
-      borderRadius: '0px',
-      color: '#C2C2CA',
-    };
-
     return (
       <I18n>
         {({ i18n }) => (
           <div className="awx-pagination">
-            <Level>
-              <LevelItem>
-                <Dropdown
-                  onToggle={this.onTogglePageSize}
-                  onSelect={this.onSelectPageSize}
-                  direction={up}
-                  isOpen={isOpen}
-                  toggle={(
-                    <DropdownToggle
-                      className="togglePageSize"
-                      onToggle={this.onTogglePageSize}
+            <div className="awx-pagination__page-size-selection">
+              <Trans>Items Per Page</Trans>
+              <Dropdown
+                onToggle={this.onTogglePageSize}
+                onSelect={this.onSelectPageSize}
+                direction={up}
+                isOpen={isOpen}
+                toggle={(
+                  <DropdownToggle
+                    className="togglePageSize"
+                    onToggle={this.onTogglePageSize}
+                  >
+                    {page_size}
+                  </DropdownToggle>
+                )}
+              >
+                {opts.map(option => (
+                  <DropdownItem
+                    key={option}
+                    component="button"
+                  >
+                    {option}
+                  </DropdownItem>
+                ))}
+              </Dropdown>
+            </div>
+            <div className="awx-pagination__counts">
+              <div className="awx-pagination__item-count">
+                <Trans>{`Items ${itemMin} - ${itemMax} of ${count}`}</Trans>
+              </div>
+              {pageCount !== 1 && (
+                <div className="awx-pagination__page-count">
+                  <div className="pf-c-input-group">
+                    <Button
+                      className="awx-pagination__page-button"
+                      variant="tertiary"
+                      aria-label={i18n._(t`First`)}
+                      isDisabled={isOnFirst}
+                      onClick={this.onFirst}
                     >
-                      {page_size}
-                    </DropdownToggle>
-                  )}
-                >
-                  {opts.map(option => (
-                    <DropdownItem
-                      key={option}
-                      component="button"
+                      <i className="fas fa-angle-double-left" />
+                    </Button>
+                    <Button
+                      className="awx-pagination__page-button"
+                      variant="tertiary"
+                      aria-label={i18n._(t`Previous`)}
+                      isDisabled={isOnFirst}
+                      onClick={this.onPrevious}
                     >
-                      {option}
-                    </DropdownItem>
-                  ))}
-                </Dropdown>
-                <Trans> Per Page</Trans>
-              </LevelItem>
-              <LevelItem>
-                <Split gutter="md" className="pf-u-display-flex pf-u-align-items-center">
-                  <SplitItem>
-                    <Trans>{`${itemMin} - ${itemMax} of ${count}`}</Trans>
-                  </SplitItem>
-                  <SplitItem>
-                    <div className="pf-c-input-group">
-                      <Button
-                        variant="tertiary"
-                        aria-label={i18n._(t`First`)}
-                        style={isOnFirst ? disabledStyle : {}}
-                        isDisabled={isOnFirst}
-                        onClick={this.onFirst}
-                      >
-                        <i className="fas fa-angle-double-left" />
-                      </Button>
-                      <Button
-                        variant="tertiary"
-                        aria-label={i18n._(t`Previous`)}
-                        style={isOnFirst ? disabledStyle : {}}
-                        isDisabled={isOnFirst}
-                        onClick={this.onPrevious}
-                      >
-                        <i className="fas fa-angle-left" />
-                      </Button>
-                    </div>
-                  </SplitItem>
-                  <SplitItem isMain>
-                    <form onSubmit={this.onSubmit}>
-                      <Trans>
-                        {'Page '}
-                        <TextInput
-                          isDisabled={pageCount === 1}
-                          aria-label={i18n._(t`Page Number`)}
-                          style={{
-                            height: '30px',
-                            width: '30px',
-                            textAlign: 'center',
-                            padding: '0',
-                            margin: '0',
-                            ...(pageCount === 1 ? disabledStyle : {})
-                          }}
-                          value={value}
-                          type="text"
-                          onChange={this.onPageChange}
-                        />
-                        {' of '}
-                        {pageCount}
-                      </Trans>
-                    </form>
-                  </SplitItem>
-                  <SplitItem>
-                    <div className="pf-c-input-group">
-                      <Button
-                        variant="tertiary"
-                        aria-label={i18n._(t`Next`)}
-                        style={isOnLast ? disabledStyle : {}}
-                        isDisabled={isOnLast}
-                        onClick={this.onNext}
-                      >
-                        <i className="fas fa-angle-right" />
-                      </Button>
-                      <Button
-                        variant="tertiary"
-                        aria-label={i18n._(t`Last`)}
-                        style={isOnLast ? disabledStyle : {}}
-                        isDisabled={isOnLast}
-                        onClick={this.onLast}
-                      >
-                        <i className="fas fa-angle-double-right" />
-                      </Button>
-                    </div>
-                  </SplitItem>
-                </Split>
-              </LevelItem>
-            </Level>
+                      <i className="fas fa-angle-left" />
+                    </Button>
+                  </div>
+                  <form
+                    className="awx-pagination__page-input-form"
+                    onSubmit={this.onSubmit}
+                  >
+                    <Trans>
+                      {'Page '}
+                      <TextInput
+                        className="awx-pagination__page-input"
+                        aria-label={i18n._(t`Page Number`)}
+                        value={value}
+                        type="text"
+                        onChange={this.onPageChange}
+                      />
+                      {' of '}
+                      {pageCount}
+                    </Trans>
+                  </form>
+                  <div className="pf-c-input-group">
+                    <Button
+                      className="awx-pagination__page-button"
+                      variant="tertiary"
+                      aria-label={i18n._(t`Next`)}
+                      isDisabled={isOnLast}
+                      onClick={this.onNext}
+                    >
+                      <i className="fas fa-angle-right" />
+                    </Button>
+                    <Button
+                      className="awx-pagination__page-button"
+                      variant="tertiary"
+                      aria-label={i18n._(t`Last`)}
+                      isDisabled={isOnLast}
+                      onClick={this.onLast}
+                    >
+                      <i className="fas fa-angle-double-right" />
+                    </Button>
+                  </div>
+                </div>
+              )}
+            </div>
           </div>
         )}
       </I18n>
diff --git a/src/components/Pagination/styles.scss b/src/components/Pagination/styles.scss
index 3374ad45b6..76d5af9d14 100644
--- a/src/components/Pagination/styles.scss
+++ b/src/components/Pagination/styles.scss
@@ -1,39 +1,84 @@
 .awx-pagination {
   --awx-pagination--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
-  --awx-pagination--BorderColor: var(--pf-global--Color--light-200);
-  --awx-pagination--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --awx-pagination--BorderColor: var(--pf-global--BackgroundColor--light-300);
+  --awx-pagination--disabled-BackgroundColor: #EDEDED;
+  --awx-pagination--disabled-Color: #C2C2CA;
 
-  border: var(--awx-pagination--BorderWidth) solid var(--awx-pagination--BorderColor);
+  border-top: 1px solid var(--awx-pagination--BorderColor);
   background-color: var(--awx-pagination--BackgroundColor);
-  padding-left: 20px;
-  padding-right: 20px;
-  padding-top: 20px;
-  height: 70px;
+  height: 55px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 20px;
+  font-size: 14px;
+  font-weight: bold;
 
   --pf-global--target-size--MinHeight: 30px;
   --pf-global--target-size--MinWidth: 30px;
   --pf-global--FontSize--md: 14px;
 
-  .pf-c-input-group button {
-    width: 30px;
-    height: 30px;
-    padding: 0px;
+  .awx-pagination__page-size-selection {
+    // font-weight: normal;
   }
 
-  .pf-c-dropdown button {
-    width: 55px;
-    height: 30px;
-    padding-left: 10px;
-    padding-right: 10px;
-    margin: 0px;
-    margin-right: 10px;
-    text-align: left;
+  .awx-pagination__page-size-selection .pf-c-dropdown__toggle {
+    font-weight: bold;
+    margin-left: 10px;
+  }
 
-    .pf-c-dropdown__toggle-icon {
-        margin: 0px;
-        margin-top: 2px;
-        padding: 0px;
-        float: right;
-      }
+  .awx-pagination__counts {
+    display: flex;
+    align-items: center;
+    margin-right: -20px;
+  }
+
+  .awx-pagination__item-count {
+    margin-right: 20px;
+  }
+
+  .awx-pagination__page-count {
+    margin-left: -10px;
+    display: flex;
+    align-items: center;
+  }
+
+  .awx-pagination__page-input-form {
+    display: flex;
+    align-items: center;
+    margin: 0 10px;
+    white-space: nowrap;
+  }
+
+  .awx-pagination__page-input {
+    width: 35px;
+    margin: 0 10px;
+    font-weight: bold;
+  }
+
+  .awx-pagination__page-button {
+    width: 55px;
+    height: 55px;
+  }
+
+  .pf-c-input-group .awx-pagination__page-button,
+  .pf-c-input-group .awx-pagination__page-button:after {
+    border: 0;
+    border-radius: 0;
+  }
+
+  .pf-c-input-group .pf-c-button {
+    border-left: 1px solid var(--awx-pagination--BorderColor);
+  }
+  
+  .pf-c-input-group {
+    border-right: 1px solid var(--awx-pagination--BorderColor);
+    height: 56px;
+  }
+
+  .pf-c-input-group .pf-c-button.pf-m-disabled {
+    border: 1px solid var(--awx-pagination--BorderColor);
+    background-color: var(--awx-pagination--disabled-BackgroundColor);
+    color: var(--awx-pagination--disabled-Color);
   }
 }