From 9dade984227d939f8197fe9cb34ad83ae2826a99 Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Mon, 13 Dec 2021 15:09:12 -0800
Subject: [PATCH] Spiffier UI: Fix tabs spacing (#3344)

---
 cypress/integration/all/app/activateuser.spec.ts |  1 +
 frontend/components/TabsWrapper/_styles.scss     | 11 ++++++-----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/cypress/integration/all/app/activateuser.spec.ts b/cypress/integration/all/app/activateuser.spec.ts
index 3285710385..ed70073cf5 100644
--- a/cypress/integration/all/app/activateuser.spec.ts
+++ b/cypress/integration/all/app/activateuser.spec.ts
@@ -7,6 +7,7 @@ describe("User invite and activation", () => {
 
   it("Invites and activates a user", () => {
     cy.visit("/settings/organization");
+    cy.wait(1000); // eslint-disable-line cypress/no-unnecessary-waiting
 
     cy.findByRole("tab", { name: /^users$/i }).click();
 
diff --git a/frontend/components/TabsWrapper/_styles.scss b/frontend/components/TabsWrapper/_styles.scss
index 53bf6ce7ad..faa0ba35a9 100644
--- a/frontend/components/TabsWrapper/_styles.scss
+++ b/frontend/components/TabsWrapper/_styles.scss
@@ -9,19 +9,20 @@
       border-bottom: 1px solid $ui-gray;
     }
     &__tab {
-      padding-bottom: $pad-small;
+      padding: $pad-small 0;
+      margin-right: $pad-xxlarge;
       font-size: $x-small;
       border: none;
-      
+
       &:focus {
         box-shadow: none;
         outline: 0;
       }
       &--selected {
         text-shadow: -0.3px 0 #192147, 0.3px 0 #192147;
-  
+
         &::after {
-          content: '';
+          content: "";
           width: 100%;
           height: 0;
           border-bottom: 1px solid #6a67fe;
@@ -51,7 +52,7 @@
         margin-top: $pad-xxlarge;
         font-size: $small;
         font-weight: $bold;
-  
+
         span {
           margin-top: $pad-medium;
           font-size: $x-small;