From e30f0d7a9caf034008ef3bea98b87a31ce07d65d Mon Sep 17 00:00:00 2001
From: georgewrmarshall <george.marshall@consensys.net>
Date: Fri, 30 Sep 2022 12:46:58 -0700
Subject: [PATCH] Fixes display of avatr in flex display with elements of
 different heights

---
 ui/components/component-library/base-avatar/base-avatar.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/ui/components/component-library/base-avatar/base-avatar.scss b/ui/components/component-library/base-avatar/base-avatar.scss
index 7ead0dafbc63..cf558da6f67c 100644
--- a/ui/components/component-library/base-avatar/base-avatar.scss
+++ b/ui/components/component-library/base-avatar/base-avatar.scss
@@ -23,6 +23,8 @@
 
   height: var(--avatar-size);
   width: var(--avatar-size);
+  max-width: var(--avatar-size);
+  flex: 0 0 var(--avatar-size);
   border-radius: 100%;
   overflow: hidden;
   display: flex;