From 73dddc42db4bfc60882166bedd819cf4d3a1191d Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Mon, 2 Nov 2020 09:06:27 -0500
Subject: [PATCH] Fix closable styles

---
 src/components/tab/tab.scss | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/tab/tab.scss b/src/components/tab/tab.scss
index 5e6ddf35..dd6d5f15 100644
--- a/src/components/tab/tab.scss
+++ b/src/components/tab/tab.scss
@@ -17,7 +17,7 @@
   font-weight: var(--sl-font-weight-semibold);
   border-radius: 4px;
   color: var(--sl-color-gray-40);
-  padding: 16px 20px;
+  padding: var(--sl-spacing-medium) var(--sl-spacing-large);
   white-space: nowrap;
   user-select: none;
   cursor: pointer;
@@ -40,6 +40,10 @@
     color: var(--sl-color-primary-50);
   }
 
+  &.tab--closable {
+    padding-right: var(--sl-spacing-small);
+  }
+
   &.tab--disabled {
     opacity: 0.5;
     cursor: not-allowed;
@@ -49,7 +53,6 @@
 .tab__close-button {
   font-size: var(--sl-font-size-large);
   margin-left: var(--sl-spacing-xx-small);
-  margin-right: calc(-1 * var(--sl-spacing-xx-small));
 
   &::part(base) {
     padding: var(--sl-spacing-xxx-small);