From 29cfde2ddd060639290bc116afe2e1bbaecd73c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Albert=20Juh=C3=A9=20Lluveras?= <aljullu@gmail.com>
Date: Tue, 25 Sep 2018 22:34:30 +0200
Subject: [PATCH] Fix activity panel tabs misaligned in Chrome and Safari
 (https://github.com/woocommerce/woocommerce-admin/pull/478)

---
 .../woocommerce-admin/client/header/activity-panel/style.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/plugins/woocommerce-admin/client/header/activity-panel/style.scss b/plugins/woocommerce-admin/client/header/activity-panel/style.scss
index 4c862bb7d17..d8c058070f7 100644
--- a/plugins/woocommerce-admin/client/header/activity-panel/style.scss
+++ b/plugins/woocommerce-admin/client/header/activity-panel/style.scss
@@ -38,6 +38,7 @@
 	width: 100%;
 	display: flex;
 	height: 60px;
+	justify-content: flex-end;
 
 	@include breakpoint( '>1100px' ) {
 		height: 80px;
@@ -64,6 +65,7 @@
 	}
 
 	.woocommerce-layout__activity-panel-tab {
+		display: flex;
 		flex-direction: column;
 		justify-content: center;
 		border: none;
@@ -71,6 +73,8 @@
 		cursor: pointer;
 		background-color: $white;
 		color: $core-grey-dark-500;
+		max-width: min-content;
+		min-width: 80px;
 		width: 100%;
 		height: 60px;
 		border-bottom: 3px solid $white;