From 582f6168f9860a1f7a5dbf950b53d8b8c471312d Mon Sep 17 00:00:00 2001
From: Ariella Vu <20778143+digiwand@users.noreply.github.com>
Date: Tue, 5 Apr 2022 20:22:41 -0300
Subject: [PATCH] Settings:TabBar: Fix text wrap style (#14348)

* TabBar: fix text wrap style

* TabBar: adjust icon alignment
---
 ui/components/app/tab-bar/index.scss | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/ui/components/app/tab-bar/index.scss b/ui/components/app/tab-bar/index.scss
index 36b575e31..3a8cd46b8 100644
--- a/ui/components/app/tab-bar/index.scss
+++ b/ui/components/app/tab-bar/index.scss
@@ -38,7 +38,6 @@
     &__content {
       padding: 12px 18px;
       display: flex;
-      flex-flow: row wrap;
       align-items: center;
       position: relative;
 
@@ -64,8 +63,14 @@
       }
 
       &__icon {
-        margin-inline-end: 16px;
         display: flex;
+        justify-content: center;
+        margin-inline-end: 16px;
+        flex: 0 0 18px;
+
+        @media screen and (min-width: $break-large) {
+          flex: 0 0 14px;
+        }
       }
     }