From 483ab8c160bbbe7485feb13033c50a9ad25a9cbf Mon Sep 17 00:00:00 2001
From: Nate Elliott <nelliott@flexion.us>
Date: Wed, 4 Sep 2024 08:59:30 -0500
Subject: [PATCH 1/4] 10427: fix nav item button spacing introduced by previous
 padding change

---
 web-client/src/styles/nav.scss              |  4 ++--
 web-client/src/views/Header/ReportsMenu.tsx | 11 ++++-------
 2 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/web-client/src/styles/nav.scss b/web-client/src/styles/nav.scss
index a0e017344b7..f724fb1ba84 100644
--- a/web-client/src/styles/nav.scss
+++ b/web-client/src/styles/nav.scss
@@ -272,10 +272,10 @@
 
             /* this is for buttons in submenus that should be styled the same as links in submenus */
             .usa-nav__submenu-item button {
-              padding-top: 0;
-              padding-bottom: 0;
+              padding: 0;
               color: $color-white;
               font-weight: $font-regular;
+              line-height: 1.3;
 
               &:hover {
                 text-decoration: underline;
diff --git a/web-client/src/views/Header/ReportsMenu.tsx b/web-client/src/views/Header/ReportsMenu.tsx
index 9b6f2e1844a..ed132d1c66c 100644
--- a/web-client/src/views/Header/ReportsMenu.tsx
+++ b/web-client/src/views/Header/ReportsMenu.tsx
@@ -1,4 +1,3 @@
-import { Button } from '../../ustc-ui/Button/Button';
 import { connect } from '@web-client/presenter/shared.cerebral';
 import { sequences } from '@web-client/presenter/app.cerebral';
 import { state } from '@web-client/presenter/app.cerebral';
@@ -58,8 +57,7 @@ export const ReportsMenu = connect(
               </li>
             )}
             <li className="usa-nav__submenu-item">
-              <Button
-                link
+              <button
                 id="case-inventory-btn"
                 onClick={() => {
                   resetHeaderAccordionsSequence();
@@ -68,7 +66,7 @@ export const ReportsMenu = connect(
                 }}
               >
                 Case Inventory
-              </Button>
+              </button>
             </li>
 
             <li className="usa-nav__submenu-item">
@@ -135,8 +133,7 @@ export const ReportsMenu = connect(
               </a>
             </li>
             <li className="usa-nav__submenu-item" id="reports-nav">
-              <Button
-                link
+              <button
                 id="trial-session-planning-btn"
                 onClick={() => {
                   resetHeaderAccordionsSequence();
@@ -145,7 +142,7 @@ export const ReportsMenu = connect(
                 }}
               >
                 Trial Session Planning
-              </Button>
+              </button>
             </li>
           </ul>
         )}

From 0c2cbf91d6cc02ecd09154c696e0aa98a1c028ac Mon Sep 17 00:00:00 2001
From: Nate Elliott <nelliott@flexion.us>
Date: Wed, 4 Sep 2024 09:20:12 -0500
Subject: [PATCH 2/4] 10427: fix message-document-viewer misalignment due to
 button padding change

---
 web-client/src/styles/buttons.scss                           | 4 +++-
 web-client/src/views/DocketRecord/DocumentViewerDocument.tsx | 2 ++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/web-client/src/styles/buttons.scss b/web-client/src/styles/buttons.scss
index 32f81e7d9f6..da4eb298672 100644
--- a/web-client/src/styles/buttons.scss
+++ b/web-client/src/styles/buttons.scss
@@ -230,7 +230,9 @@ table.ustc-table .ustc-button--unstyled {
     color: $color-white;
 
     &.usa-button--unstyled {
-      padding-left: 20px;
+      padding: 0.75rem 0 0.75rem 20px;
+      margin-top: 0;
+      margin-bottom: 0;
     }
 
     &:hover {
diff --git a/web-client/src/views/DocketRecord/DocumentViewerDocument.tsx b/web-client/src/views/DocketRecord/DocumentViewerDocument.tsx
index 3c8a79705a8..79ba81dcbe0 100644
--- a/web-client/src/views/DocketRecord/DocumentViewerDocument.tsx
+++ b/web-client/src/views/DocketRecord/DocumentViewerDocument.tsx
@@ -138,6 +138,7 @@ export const DocumentViewerDocument = connect(
               {documentViewerHelper.showServePetitionButton && (
                 <Button
                   link
+                  // className="document-viewer-button"
                   data-testid="review-and-serve-petition"
                   href={documentViewerLinksHelper.reviewAndServePetitionLink}
                   icon="paper-plane"
@@ -205,6 +206,7 @@ export const DocumentViewerDocument = connect(
               )}
               <Button
                 link
+                className="document-viewer-button"
                 icon="file-pdf"
                 iconColor="white"
                 onClick={() =>

From 3b647c84c8c392d1292e3d1092544d8f234ac932 Mon Sep 17 00:00:00 2001
From: Nate Elliott <nelliott@flexion.us>
Date: Wed, 4 Sep 2024 09:33:51 -0500
Subject: [PATCH 3/4] 10427: cleanup

---
 web-client/src/views/DocketRecord/DocumentViewerDocument.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/web-client/src/views/DocketRecord/DocumentViewerDocument.tsx b/web-client/src/views/DocketRecord/DocumentViewerDocument.tsx
index 79ba81dcbe0..3c8a79705a8 100644
--- a/web-client/src/views/DocketRecord/DocumentViewerDocument.tsx
+++ b/web-client/src/views/DocketRecord/DocumentViewerDocument.tsx
@@ -138,7 +138,6 @@ export const DocumentViewerDocument = connect(
               {documentViewerHelper.showServePetitionButton && (
                 <Button
                   link
-                  // className="document-viewer-button"
                   data-testid="review-and-serve-petition"
                   href={documentViewerLinksHelper.reviewAndServePetitionLink}
                   icon="paper-plane"
@@ -206,7 +205,6 @@ export const DocumentViewerDocument = connect(
               )}
               <Button
                 link
-                className="document-viewer-button"
                 icon="file-pdf"
                 iconColor="white"
                 onClick={() =>

From c78412632f56f6326acd90fef8517006007b418a Mon Sep 17 00:00:00 2001
From: Nate Elliott <nelliott@flexion.us>
Date: Thu, 5 Sep 2024 14:10:37 -0500
Subject: [PATCH 4/4] Revert "10427: cleanup"

This reverts commit 3b647c84c8c392d1292e3d1092544d8f234ac932.

Revert "10427: fix message-document-viewer misalignment due to button padding change"

This reverts commit 0c2cbf91d6cc02ecd09154c696e0aa98a1c028ac.

Revert "10427: fix nav item button spacing introduced by previous padding change"

This reverts commit 483ab8c160bbbe7485feb13033c50a9ad25a9cbf.

Revert "10427: change classname from paddin-top to margin-top"

This reverts commit 1f973546497149475d2ae0be77d9703de8e56bd8.

Revert "10427 Adjust misc other padding issues with focus state"

This reverts commit f9bfaece62362223492be6f8199ddf8bcec20e21.

Revert "10427 Change padding to margin top & bottom for link style buttons"

This reverts commit d0a875efc05325d0c58ca10e59279acf1ab7e12c.
---
 cypress/helpers/authentication/login-as-helpers.ts  |  6 +-----
 ...n-user-can-see-un-served-petition-document.cy.ts | 13 ++++++-------
 web-client/src/styles/buttons.scss                  | 11 ++++-------
 web-client/src/styles/custom.scss                   |  7 -------
 web-client/src/styles/nav.scss                      |  4 ++--
 web-client/src/ustc-ui/Modal/ConfirmModal.tsx       |  2 +-
 web-client/src/views/CreateOrder/CreateOrder.tsx    |  2 +-
 web-client/src/views/Header/Header.tsx              |  2 +-
 web-client/src/views/Header/ReportsMenu.tsx         | 11 +++++++----
 web-client/src/views/Login/Login.tsx                |  2 +-
 web-client/src/views/ModalDialog.tsx                |  2 +-
 web-client/src/views/ScanBatchPreviewer.tsx         |  2 +-
 .../views/StartCaseUpdated/PetitionFormResponse.tsx |  2 +-
 .../StartCaseUpdated/UpdatedFilePetitionStep3.tsx   |  2 +-
 .../ServeThirtyDayNoticeModal.tsx                   |  2 +-
 .../TrialSessionDetail/TrialSessionInformation.tsx  |  4 ++--
 web-client/src/views/WorkQueue/RecentMessages.tsx   |  7 ++++++-
 17 files changed, 37 insertions(+), 44 deletions(-)

diff --git a/cypress/helpers/authentication/login-as-helpers.ts b/cypress/helpers/authentication/login-as-helpers.ts
index b3dad8be792..77d6e1234c9 100644
--- a/cypress/helpers/authentication/login-as-helpers.ts
+++ b/cypress/helpers/authentication/login-as-helpers.ts
@@ -61,11 +61,7 @@ export function loginAsIrsPractitioner1() {
 }
 
 export function loginAsPetitioner(
-  petitionerUser:
-    | 'petitioner'
-    | 'petitioner1'
-    | 'petitioner2'
-    | 'petitioner7' = 'petitioner1',
+  petitionerUser: 'petitioner' | 'petitioner1' | 'petitioner7' = 'petitioner1',
 ) {
   cy.login(petitionerUser);
   cy.get('[data-testid="file-a-petition"]').should('exist');
diff --git a/cypress/local-only/tests/integration/caseDetail/docketRecord/electronicFiling/logged-in-user-can-see-un-served-petition-document.cy.ts b/cypress/local-only/tests/integration/caseDetail/docketRecord/electronicFiling/logged-in-user-can-see-un-served-petition-document.cy.ts
index 82f7e668dcb..6fd23258bc2 100644
--- a/cypress/local-only/tests/integration/caseDetail/docketRecord/electronicFiling/logged-in-user-can-see-un-served-petition-document.cy.ts
+++ b/cypress/local-only/tests/integration/caseDetail/docketRecord/electronicFiling/logged-in-user-can-see-un-served-petition-document.cy.ts
@@ -1,6 +1,5 @@
 import { externalUserSearchesDocketNumber } from '../../../../../../helpers/advancedSearch/external-user-searches-docket-number';
 import {
-  loginAsDocketClerk1,
   loginAsPetitioner,
   loginAsPrivatePractitioner,
 } from '../../../../../../helpers/authentication/login-as-helpers';
@@ -14,7 +13,7 @@ describe('Logged In User Can See Un-Served Petition Document', () => {
     loginAsPetitioner();
     petitionerCreatesElectronicCaseForBusiness().as('DOCKET_NUMBER');
 
-    loginAsPetitioner('petitioner1');
+    cy.login('petitioner1');
     cy.get<string>('@DOCKET_NUMBER').then(docketNumber => {
       externalUserSearchesDocketNumber(docketNumber);
     });
@@ -24,7 +23,7 @@ describe('Logged In User Can See Un-Served Petition Document', () => {
     cy.get('[data-testid="document-download-link-DISC"]').should('exist');
     cy.get('[data-testid="document-download-link-ATP"]').should('exist');
 
-    loginAsPetitioner('petitioner2');
+    cy.login('petitioner2');
     cy.get<string>('@DOCKET_NUMBER').then(docketNumber => {
       externalUserSearchesDocketNumber(docketNumber);
     });
@@ -34,7 +33,7 @@ describe('Logged In User Can See Un-Served Petition Document', () => {
     cy.get('[data-testid="document-download-link-DISC"]').should('not.exist');
     cy.get('[data-testid="document-download-link-ATP"]').should('not.exist');
 
-    loginAsDocketClerk1();
+    cy.login('docketClerk1');
     cy.get<string>('@DOCKET_NUMBER').then(docketNumber => {
       cy.get('[data-testid="docket-number-search-input"]').type(docketNumber);
       cy.get('[data-testid="search-docket-number"]').click();
@@ -50,7 +49,7 @@ describe('Logged In User Can See Un-Served Petition Document', () => {
     loginAsPrivatePractitioner();
     privatePractitionerCreatesElectronicCaseForBusiness().as('DOCKET_NUMBER');
 
-    loginAsPrivatePractitioner('privatePractitioner1');
+    cy.login('privatePractitioner1');
     cy.get<string>('@DOCKET_NUMBER').then(docketNumber => {
       externalUserSearchesDocketNumber(docketNumber);
     });
@@ -60,7 +59,7 @@ describe('Logged In User Can See Un-Served Petition Document', () => {
     cy.get('[data-testid="document-download-link-DISC"]').should('exist');
     cy.get('[data-testid="document-download-link-ATP"]').should('exist');
 
-    loginAsPrivatePractitioner('privatePractitioner2');
+    cy.login('privatePractitioner2');
     cy.get<string>('@DOCKET_NUMBER').then(docketNumber => {
       externalUserSearchesDocketNumber(docketNumber);
     });
@@ -70,7 +69,7 @@ describe('Logged In User Can See Un-Served Petition Document', () => {
     cy.get('[data-testid="document-download-link-DISC"]').should('not.exist');
     cy.get('[data-testid="document-download-link-ATP"]').should('not.exist');
 
-    loginAsDocketClerk1();
+    cy.login('docketClerk1');
     cy.get<string>('@DOCKET_NUMBER').then(docketNumber => {
       cy.get('[data-testid="docket-number-search-input"]').type(docketNumber);
       cy.get('[data-testid="search-docket-number"]').click();
diff --git a/web-client/src/styles/buttons.scss b/web-client/src/styles/buttons.scss
index da4eb298672..527330a0452 100644
--- a/web-client/src/styles/buttons.scss
+++ b/web-client/src/styles/buttons.scss
@@ -71,13 +71,12 @@ button:disabled {
   }
 
   &.ustc-button--unstyled {
-    margin-top: 0.75rem;
-    margin-bottom: 0.75rem;
+    padding: 0.75rem 0;
     line-height: normal;
     text-align: center;
 
-    &.margin-top-0 {
-      margin-top: 0;
+    &.padding-top-0 {
+      padding-top: 0;
     }
   }
 
@@ -230,9 +229,7 @@ table.ustc-table .ustc-button--unstyled {
     color: $color-white;
 
     &.usa-button--unstyled {
-      padding: 0.75rem 0 0.75rem 20px;
-      margin-top: 0;
-      margin-bottom: 0;
+      padding-left: 20px;
     }
 
     &:hover {
diff --git a/web-client/src/styles/custom.scss b/web-client/src/styles/custom.scss
index 6197c51f556..c87c44e7a45 100644
--- a/web-client/src/styles/custom.scss
+++ b/web-client/src/styles/custom.scss
@@ -38,13 +38,6 @@ hr {
   &.underlined {
     border-bottom: 1px solid color($theme-color-base-lighter);
   }
-
-  /* big screens */
-  @media only screen and (min-width: $medium-screen) {
-    &.flex-justify-space-between {
-      justify-content: space-between;
-    }
-  }
 }
 
 .max-width-200 {
diff --git a/web-client/src/styles/nav.scss b/web-client/src/styles/nav.scss
index f724fb1ba84..a0e017344b7 100644
--- a/web-client/src/styles/nav.scss
+++ b/web-client/src/styles/nav.scss
@@ -272,10 +272,10 @@
 
             /* this is for buttons in submenus that should be styled the same as links in submenus */
             .usa-nav__submenu-item button {
-              padding: 0;
+              padding-top: 0;
+              padding-bottom: 0;
               color: $color-white;
               font-weight: $font-regular;
-              line-height: 1.3;
 
               &:hover {
                 text-decoration: underline;
diff --git a/web-client/src/ustc-ui/Modal/ConfirmModal.tsx b/web-client/src/ustc-ui/Modal/ConfirmModal.tsx
index bdf5291e004..69bf74ef20b 100644
--- a/web-client/src/ustc-ui/Modal/ConfirmModal.tsx
+++ b/web-client/src/ustc-ui/Modal/ConfirmModal.tsx
@@ -98,7 +98,7 @@ export const ConfirmModal = connect<ConfirmModalProps, typeof confirmModalDeps>(
                 <Button
                   iconRight
                   link
-                  className="text-no-underline hide-on-mobile float-right margin-right-0 margin-top-0"
+                  className="text-no-underline hide-on-mobile float-right margin-right-0 padding-top-0"
                   icon="times-circle"
                   onClick={event => {
                     event.stopPropagation();
diff --git a/web-client/src/views/CreateOrder/CreateOrder.tsx b/web-client/src/views/CreateOrder/CreateOrder.tsx
index 7a30f44cb39..14bf982432f 100644
--- a/web-client/src/views/CreateOrder/CreateOrder.tsx
+++ b/web-client/src/views/CreateOrder/CreateOrder.tsx
@@ -86,7 +86,7 @@ export const CreateOrder = connect(
                 {createOrderHelper.showAddDocketNumbersButton && (
                   <Button
                     link
-                    className="margin-top-0"
+                    className="padding-top-0"
                     data-testid="add-docket-number-btn"
                     icon={createOrderHelper.addDocketNumbersButtonIcon}
                     id="add-docket-numbers-btn"
diff --git a/web-client/src/views/Header/Header.tsx b/web-client/src/views/Header/Header.tsx
index 47baaa24930..dd6f640f604 100644
--- a/web-client/src/views/Header/Header.tsx
+++ b/web-client/src/views/Header/Header.tsx
@@ -305,7 +305,7 @@ export const Header = connect(
                   <Button
                     iconRight
                     link
-                    className="usa-nav__close float-right margin-right-0 margin-top-0"
+                    className="usa-nav__close float-right margin-right-0 padding-top-0"
                     icon="times-circle"
                     onClick={() => toggleMobileMenuSequence()}
                   >
diff --git a/web-client/src/views/Header/ReportsMenu.tsx b/web-client/src/views/Header/ReportsMenu.tsx
index ed132d1c66c..9b6f2e1844a 100644
--- a/web-client/src/views/Header/ReportsMenu.tsx
+++ b/web-client/src/views/Header/ReportsMenu.tsx
@@ -1,3 +1,4 @@
+import { Button } from '../../ustc-ui/Button/Button';
 import { connect } from '@web-client/presenter/shared.cerebral';
 import { sequences } from '@web-client/presenter/app.cerebral';
 import { state } from '@web-client/presenter/app.cerebral';
@@ -57,7 +58,8 @@ export const ReportsMenu = connect(
               </li>
             )}
             <li className="usa-nav__submenu-item">
-              <button
+              <Button
+                link
                 id="case-inventory-btn"
                 onClick={() => {
                   resetHeaderAccordionsSequence();
@@ -66,7 +68,7 @@ export const ReportsMenu = connect(
                 }}
               >
                 Case Inventory
-              </button>
+              </Button>
             </li>
 
             <li className="usa-nav__submenu-item">
@@ -133,7 +135,8 @@ export const ReportsMenu = connect(
               </a>
             </li>
             <li className="usa-nav__submenu-item" id="reports-nav">
-              <button
+              <Button
+                link
                 id="trial-session-planning-btn"
                 onClick={() => {
                   resetHeaderAccordionsSequence();
@@ -142,7 +145,7 @@ export const ReportsMenu = connect(
                 }}
               >
                 Trial Session Planning
-              </button>
+              </Button>
             </li>
           </ul>
         )}
diff --git a/web-client/src/views/Login/Login.tsx b/web-client/src/views/Login/Login.tsx
index 9bd94ec12dc..6a45d00d17f 100644
--- a/web-client/src/views/Login/Login.tsx
+++ b/web-client/src/views/Login/Login.tsx
@@ -119,7 +119,7 @@ export const Login = connect(
                     <span>
                       Don&apos;t have an account?{' '}
                       <Button
-                        className="margin-top-0"
+                        className="padding-top-0"
                         link={true}
                         type="button"
                         onClick={e => {
diff --git a/web-client/src/views/ModalDialog.tsx b/web-client/src/views/ModalDialog.tsx
index 7abeb47aa03..dae91d6f0a0 100644
--- a/web-client/src/views/ModalDialog.tsx
+++ b/web-client/src/views/ModalDialog.tsx
@@ -127,7 +127,7 @@ export const ModalDialog = ({
                     <Button
                       iconRight
                       link
-                      className="text-no-underline hide-on-mobile float-right margin-right-0 margin-top-0"
+                      className="text-no-underline hide-on-mobile float-right margin-right-0 padding-top-0"
                       data-testid="close-modal-button"
                       icon="times-circle"
                       id="close-modal-button"
diff --git a/web-client/src/views/ScanBatchPreviewer.tsx b/web-client/src/views/ScanBatchPreviewer.tsx
index f14e56f7782..79f0f74493a 100644
--- a/web-client/src/views/ScanBatchPreviewer.tsx
+++ b/web-client/src/views/ScanBatchPreviewer.tsx
@@ -279,7 +279,7 @@ export const ScanBatchPreviewer = connect(
           <div className="padding-top-2">
             <Button
               link
-              className="red-warning push-right margin-bottom-1 margin-top-0"
+              className="red-warning push-right margin-bottom-1 padding-top-0"
               data-testid="remove-pdf"
               onClick={() => {
                 openConfirmDeletePDFModalSequence();
diff --git a/web-client/src/views/StartCaseUpdated/PetitionFormResponse.tsx b/web-client/src/views/StartCaseUpdated/PetitionFormResponse.tsx
index b713545c055..d5b7e7eb23b 100644
--- a/web-client/src/views/StartCaseUpdated/PetitionFormResponse.tsx
+++ b/web-client/src/views/StartCaseUpdated/PetitionFormResponse.tsx
@@ -75,7 +75,7 @@ export const PetitionFormResponse = connect<
               {factOrReasonCount > 0 && (
                 <Button
                   link
-                  className="reason-button remove-fact-reason-button flex-align-self-center"
+                  className="reason-button remove-fact-reason-button"
                   icon="times"
                   onClick={() =>
                     removeFactOrReasonSequence({
diff --git a/web-client/src/views/StartCaseUpdated/UpdatedFilePetitionStep3.tsx b/web-client/src/views/StartCaseUpdated/UpdatedFilePetitionStep3.tsx
index 4f8491a2f00..6fe87bf6f09 100644
--- a/web-client/src/views/StartCaseUpdated/UpdatedFilePetitionStep3.tsx
+++ b/web-client/src/views/StartCaseUpdated/UpdatedFilePetitionStep3.tsx
@@ -163,7 +163,7 @@ export const UpdatedFilePetitionStep3 = connect(
                 {irsNoticeUploadFormInfo.length < 5 && (
                   <Button
                     link
-                    className={classNames('margin-top-0', 'text-left')}
+                    className={classNames('padding-top-0', 'text-left')}
                     data-testid="add-another-irs-notice-button"
                     onClick={() => addAnotherIrsNoticeToFormSequence()}
                   >
diff --git a/web-client/src/views/TrialSessionDetail/ServeThirtyDayNoticeModal.tsx b/web-client/src/views/TrialSessionDetail/ServeThirtyDayNoticeModal.tsx
index 1cd30d77823..0e8339cd7c7 100644
--- a/web-client/src/views/TrialSessionDetail/ServeThirtyDayNoticeModal.tsx
+++ b/web-client/src/views/TrialSessionDetail/ServeThirtyDayNoticeModal.tsx
@@ -30,7 +30,7 @@ const component = ({
             <Button
               iconRight
               link
-              className="text-no-underline hide-on-mobile float-right margin-right-0 margin-top-0"
+              className="text-no-underline hide-on-mobile float-right margin-right-0 padding-top-0"
               icon="times-circle"
               onClick={() => closeModalSequence()}
             >
diff --git a/web-client/src/views/TrialSessionDetail/TrialSessionInformation.tsx b/web-client/src/views/TrialSessionDetail/TrialSessionInformation.tsx
index 75c5cb5a458..4532d5c36d5 100644
--- a/web-client/src/views/TrialSessionDetail/TrialSessionInformation.tsx
+++ b/web-client/src/views/TrialSessionDetail/TrialSessionInformation.tsx
@@ -90,7 +90,7 @@ export const TrialSessionInformation = connect(
     return (
       <>
         <div className="grid-container padding-x-0">
-          <div className="grid-row flex-justify-space-between">
+          <div className="grid-row">
             <div className="grid-col-auto">
               <h1>
                 Session Information
@@ -115,7 +115,7 @@ export const TrialSessionInformation = connect(
                 )}
               </h1>
             </div>
-            <div className="grid-col-fill tablet:grid-col-auto">
+            <div className="grid-col-fill display-flex flex-justify-end">
               {formattedTrialSessionDetails.canDelete && (
                 <Button
                   link
diff --git a/web-client/src/views/WorkQueue/RecentMessages.tsx b/web-client/src/views/WorkQueue/RecentMessages.tsx
index c7e85245bfc..b3cb6eb4963 100644
--- a/web-client/src/views/WorkQueue/RecentMessages.tsx
+++ b/web-client/src/views/WorkQueue/RecentMessages.tsx
@@ -5,7 +5,12 @@ import React from 'react';
 export const RecentMessages = () => {
   return (
     <div className="margin-top-4">
-      <Button link className="float-right" href="/messages/my/inbox">
+      <Button
+        link
+        className="float-right"
+        href="/messages/my/inbox"
+        overrideMargin="margin-0"
+      >
         View All Messages
       </Button>