From e6070df4b44fef97a06021a0a71a50b318fbfa59 Mon Sep 17 00:00:00 2001
From: Nidhi Kumari <nidhi.kumari@consensys.net>
Date: Fri, 18 Nov 2022 18:18:54 +0530
Subject: [PATCH] Updated Text style in Tag Url (#16570)

* fixed truncate in tag url

* updated snapshot testing

Co-authored-by: Garrett Bear <gwhisten@gmail.com>
---
 .../tag-url/__snapshots__/tag-url.test.js.snap                  | 2 +-
 ui/components/component-library/tag-url/tag-url.js              | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/components/component-library/tag-url/__snapshots__/tag-url.test.js.snap b/ui/components/component-library/tag-url/__snapshots__/tag-url.test.js.snap
index cb6d742d9..dd412f62e 100644
--- a/ui/components/component-library/tag-url/__snapshots__/tag-url.test.js.snap
+++ b/ui/components/component-library/tag-url/__snapshots__/tag-url.test.js.snap
@@ -3,7 +3,7 @@
 exports[`TagUrl should render the label inside the TagUrl 1`] = `
 <div>
   <div
-    class="box mm-tag-url box--padding-right-4 box--padding-left-2 box--display-inline-flex box--gap-2 box--flex-direction-row box--align-items-center box--background-color-background-default box--rounded-pill box--border-color-border-default box--border-width-1 box--border-style-solid"
+    class="box mm-tag-url box--padding-right-4 box--padding-left-2 box--display-flex box--gap-2 box--flex-direction-row box--align-items-center box--background-color-background-default box--rounded-pill box--border-color-border-default box--border-width-1 box--border-style-solid"
     data-testid="tag-url"
   >
     <div
diff --git a/ui/components/component-library/tag-url/tag-url.js b/ui/components/component-library/tag-url/tag-url.js
index df95f579d..f30c349fd 100644
--- a/ui/components/component-library/tag-url/tag-url.js
+++ b/ui/components/component-library/tag-url/tag-url.js
@@ -38,7 +38,7 @@ export const TagUrl = ({
       paddingRight={4}
       gap={2}
       borderRadius={BORDER_RADIUS.PILL}
-      display={DISPLAY.INLINE_FLEX}
+      display={DISPLAY.FLEX}
       {...props}
     >
       <AvatarFavicon imageSource={src} {...avatarFaviconProps} />