From 8b088b7a2c1df097eb4c47506c69df662b9c1b9b Mon Sep 17 00:00:00 2001
From: charlesh88 <charlesh88@gmail.com>
Date: Tue, 14 Jul 2020 18:53:30 -0700
Subject: [PATCH] Fix Safari display issues #3192

- Fix Status area indicators width problem;
- Also fixes collapsing-status-area-indicator-bubbles transition problem
 as well!;
---
 src/ui/layout/status-bar/indicators.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/ui/layout/status-bar/indicators.scss b/src/ui/layout/status-bar/indicators.scss
index 67001aeb73..10955bc94d 100644
--- a/src/ui/layout/status-bar/indicators.scss
+++ b/src/ui/layout/status-bar/indicators.scss
@@ -76,8 +76,12 @@
 [class*='minify-indicators'] {
     // All styles for minified Indicators should go in here
     .c-indicator:not(.no-minify) {
+        overflow: hidden; // Solves width problem in Safari as well as collapsing bubbles problem
+
         @include hover() {
             background: $colorIndicatorBgHov;
+            overflow: visible;
+
             .c-indicator__label {
                 box-shadow: $colorIndicatorMenuBgShdw;
                 transform: scale(1.0);