From 76615b7becba9332deae0aab222bd9801de9eb67 Mon Sep 17 00:00:00 2001
From: Guillaume Roux <guillaumeroux123@gmail.com>
Date: Thu, 14 Apr 2022 19:30:19 +0200
Subject: [PATCH] Enhanced Gas Fee UI : Fix gas values overlaping with labels
 (#14392)

---
 .../app/edit-gas-fee-popover/edit-gas-tooltip/index.scss     | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/ui/components/app/edit-gas-fee-popover/edit-gas-tooltip/index.scss b/ui/components/app/edit-gas-fee-popover/edit-gas-tooltip/index.scss
index 63c1b7e98..92d067dec 100644
--- a/ui/components/app/edit-gas-fee-popover/edit-gas-tooltip/index.scss
+++ b/ui/components/app/edit-gas-fee-popover/edit-gas-tooltip/index.scss
@@ -26,11 +26,11 @@
 
     &__label {
       white-space: nowrap;
-      width: 50%;
+      min-width: 50%;
     }
 
     &__value {
-      width: 50%;
+      min-width: 50%;
     }
 
     p {
@@ -44,6 +44,7 @@
       div {
         display: flex;
         flex-direction: row;
+        flex-wrap: wrap;
         text-align: left;
       }
     }