From 2a227c46461c8b767f6b2cad89ce347a6483cb13 Mon Sep 17 00:00:00 2001
From: rohit kerkar <129620973+rohiiittttt@users.noreply.github.com>
Date: Thu, 1 Jun 2023 22:39:08 +0530
Subject: [PATCH] Part of #18714: Replacing deprecated constants in
 `Avatar-Favicon` folder (#19332)

* sda

* sad

* replacing depricated constants

---------

Co-authored-by: Garrett Bear <gwhisten@gmail.com>
---
 .../component-library/avatar-favicon/avatar-favicon.js      | 4 ++--
 .../avatar-favicon/avatar-favicon.stories.js                | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/ui/components/component-library/avatar-favicon/avatar-favicon.js b/ui/components/component-library/avatar-favicon/avatar-favicon.js
index 6f83d85874b4..835d7033c21e 100644
--- a/ui/components/component-library/avatar-favicon/avatar-favicon.js
+++ b/ui/components/component-library/avatar-favicon/avatar-favicon.js
@@ -7,7 +7,7 @@ import { IconName, Icon } from '../icon';
 import {
   BorderColor,
   Size,
-  DISPLAY,
+  Display,
   AlignItems,
   JustifyContent,
   IconColor,
@@ -33,7 +33,7 @@ export const AvatarFavicon = React.forwardRef(
       <AvatarBase
         ref={ref}
         size={size}
-        display={DISPLAY.FLEX}
+        display={Display.Flex}
         alignItems={AlignItems.center}
         justifyContent={JustifyContent.center}
         className={classnames('mm-avatar-favicon', className)}
diff --git a/ui/components/component-library/avatar-favicon/avatar-favicon.stories.js b/ui/components/component-library/avatar-favicon/avatar-favicon.stories.js
index 8b68a25cf95f..f429a821ef61 100644
--- a/ui/components/component-library/avatar-favicon/avatar-favicon.stories.js
+++ b/ui/components/component-library/avatar-favicon/avatar-favicon.stories.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import {
-  DISPLAY,
+  Display,
   AlignItems,
   BorderColor,
   Size,
@@ -51,7 +51,7 @@ export const DefaultStory = Template.bind({});
 DefaultStory.storyName = 'Default';
 
 export const SizeStory = (args) => (
-  <Box display={DISPLAY.FLEX} alignItems={AlignItems.baseline} gap={1}>
+  <Box display={Display.Flex} alignItems={AlignItems.baseline} gap={1}>
     <AvatarFavicon {...args} size={Size.XS} />
     <AvatarFavicon {...args} size={Size.SM} />
     <AvatarFavicon {...args} size={Size.MD} />
@@ -62,7 +62,7 @@ export const SizeStory = (args) => (
 SizeStory.storyName = 'Size';
 
 export const Src = (args) => (
-  <Box display={DISPLAY.FLEX} alignItems={AlignItems.flexStart} gap={1}>
+  <Box display={Display.Flex} alignItems={AlignItems.flexStart} gap={1}>
     <AvatarFavicon {...args} src="https://uniswap.org/favicon.ico" />
     <AvatarFavicon
       {...args}