From 20019040ea60e4fb2885b9f50dc4fda40cb66c34 Mon Sep 17 00:00:00 2001
From: Kham Udom <37851220+khamudom@users.noreply.github.com>
Date: Tue, 1 Sep 2020 14:29:42 -0700
Subject: [PATCH 1/3] center align the start and end slot on tabs

---
 packages/web-components/src/tabs/tabs.styles.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/web-components/src/tabs/tabs.styles.ts b/packages/web-components/src/tabs/tabs.styles.ts
index c75204e55b45eb..9dec0a7b777426 100644
--- a/packages/web-components/src/tabs/tabs.styles.ts
+++ b/packages/web-components/src/tabs/tabs.styles.ts
@@ -25,10 +25,12 @@ export const TabsStyles = css`
 
   .start {
     padding: 2px;
+    align-self: center;
   }
 
   .end {
     padding: 2px;
+    align-self: center;
   }
 
   .activeIndicator {

From 3ed244951e10194f8ef170e4efd8da67ad7a2ee0 Mon Sep 17 00:00:00 2001
From: Kham Udom <37851220+khamudom@users.noreply.github.com>
Date: Tue, 1 Sep 2020 14:37:31 -0700
Subject: [PATCH 2/3] Change files

---
 ...-09-01-14-37-30-users-khamu-tabs-start-end-center.json | 8 ++++++++
 1 file changed, 8 insertions(+)
 create mode 100644 change/@fluentui-web-components-2020-09-01-14-37-30-users-khamu-tabs-start-end-center.json

diff --git a/change/@fluentui-web-components-2020-09-01-14-37-30-users-khamu-tabs-start-end-center.json b/change/@fluentui-web-components-2020-09-01-14-37-30-users-khamu-tabs-start-end-center.json
new file mode 100644
index 00000000000000..1269abe71c44f7
--- /dev/null
+++ b/change/@fluentui-web-components-2020-09-01-14-37-30-users-khamu-tabs-start-end-center.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "center align the start and end slot on tabs",
+  "packageName": "@fluentui/web-components",
+  "email": "37851220+khamudom@users.noreply.github.com",
+  "dependentChangeType": "patch",
+  "date": "2020-09-01T21:37:30.875Z"
+}

From 217dc6e8b295598412e84ec412d52ad4d23d98c4 Mon Sep 17 00:00:00 2001
From: Kham Udom <37851220+khamudom@users.noreply.github.com>
Date: Tue, 1 Sep 2020 15:17:46 -0700
Subject: [PATCH 3/3] removed padding and combined start and end selector

---
 packages/web-components/src/tabs/tabs.styles.ts | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/packages/web-components/src/tabs/tabs.styles.ts b/packages/web-components/src/tabs/tabs.styles.ts
index 9dec0a7b777426..d1b5111d80ac75 100644
--- a/packages/web-components/src/tabs/tabs.styles.ts
+++ b/packages/web-components/src/tabs/tabs.styles.ts
@@ -23,13 +23,8 @@ export const TabsStyles = css`
     align-self: end;
   }
 
-  .start {
-    padding: 2px;
-    align-self: center;
-  }
-
+  .start,
   .end {
-    padding: 2px;
     align-self: center;
   }