From b77b5addcaa555b6903768080275e2f4a1fe2736 Mon Sep 17 00:00:00 2001
From: Tim McConechy <tim.mcconechy@infor.com>
Date: Thu, 4 Apr 2024 12:58:18 -0400
Subject: [PATCH 1/2] Fix avatars

---
 docs/CHANGELOG.md                             | 1 +
 src/components/hierarchy/_hierarchy-base.scss | 5 ++---
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
index eee81da725..fa213d8025 100644
--- a/docs/CHANGELOG.md
+++ b/docs/CHANGELOG.md
@@ -13,6 +13,7 @@
 ## v4.94.0 Fixes
 
 - `[Avatar]` Is no longer round by default. To use it in module nav add the new `square` class. ([#8539](https://github.com/infor-design/enterprise/issues/8539))
+- `[Hierarchy]` Fix broken size on avatars on hierarchy. ([#8584](https://github.com/infor-design/enterprise/issues/8584))
 - `[Bar]` Fixed axis label visibility by adding font-size in `axis-labels` container. ([#8431](https://github.com/infor-design/enterprise/issues/8431))
 - `[Button]` Added start and stop methods for generative timeout. ([#8541](https://github.com/infor-design/enterprise/issues/8541))
 - `[Calendar]` Fixed event icon not properly rendered across week view mode. ([#8456](https://github.com/infor-design/enterprise/issues/8456))
diff --git a/src/components/hierarchy/_hierarchy-base.scss b/src/components/hierarchy/_hierarchy-base.scss
index e644726377..a3a955705a 100644
--- a/src/components/hierarchy/_hierarchy-base.scss
+++ b/src/components/hierarchy/_hierarchy-base.scss
@@ -37,7 +37,7 @@
     display: table;
     margin: 0 auto;
 
-    @media (max-width: $breakpoint-slim - 1px) {
+    @media (max-width: ($breakpoint-slim - 1px)) {
       width: 100%;
     }
 
@@ -193,7 +193,6 @@
     img,
     .image-placeholder {
       border-radius: 50%;
-      display: inline-block;
       float: left;
       height: 55px;
       margin-left: 14px;
@@ -202,9 +201,9 @@
     }
 
     .image-initials {
-      display: inline-block;
       float: left;
       height: 55px;
+      min-height: 55px;
       line-height: 5.5rem;
       margin-left: 14px;
       margin-top: 10px;

From e25a2a8e879e0b1256183d8ef6369e6f3f258f71 Mon Sep 17 00:00:00 2001
From: Tim McConechy <tim.mcconechy@infor.com>
Date: Fri, 5 Apr 2024 10:08:09 -0400
Subject: [PATCH 2/2] Fixed colors

---
 src/components/hierarchy/_hierarchy-base.scss | 28 +++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/components/hierarchy/_hierarchy-base.scss b/src/components/hierarchy/_hierarchy-base.scss
index a3a955705a..7bf318ec7f 100644
--- a/src/components/hierarchy/_hierarchy-base.scss
+++ b/src/components/hierarchy/_hierarchy-base.scss
@@ -132,6 +132,10 @@
     &.azure08 {
       border-left-color: $ids-color-palette-azure-80;
 
+      .image-initials {
+        background-color: $ids-color-palette-azure-80;
+      }
+
       .image-placeholder {
         border: 2px solid $ids-color-palette-azure-80;
       }
@@ -140,6 +144,10 @@
     &.turquoise02 {
       border-left-color: $ids-color-palette-turquoise-20;
 
+      .image-initials {
+        background-color: $ids-color-palette-turquoise-20;
+      }
+
       .image-placeholder {
         border: 2px solid $ids-color-palette-turquoise-20;
       }
@@ -148,6 +156,10 @@
     &.amethyst06 {
       border-left-color: $ids-color-palette-amethyst-60;
 
+      .image-initials {
+        background-color: $ids-color-palette-amethyst-60;
+      }
+
       .image-placeholder {
         border: 2px solid $ids-color-palette-amethyst-60;
       }
@@ -156,6 +168,10 @@
     &.slate06 {
       border-left-color: $ids-color-palette-slate-60;
 
+      .image-initials {
+        background-color: $ids-color-palette-slate-60;
+      }
+
       .image-placeholder {
         border: 2px solid $ids-color-palette-slate-60;
       }
@@ -164,6 +180,10 @@
     &.amber06 {
       border-left-color: $ids-color-palette-amber-60;
 
+      .image-initials {
+        background-color: $ids-color-palette-amber-60;
+      }
+
       .image-placeholder {
         border: 2px solid $ids-color-palette-amber-60;
       }
@@ -172,6 +192,10 @@
     &.emerald07 {
       border-left-color: $ids-color-palette-emerald-70;
 
+      .image-initials {
+        background-color: $ids-color-palette-emerald-70;
+      }
+
       .image-placeholder {
         border: 2px solid $ids-color-palette-emerald-70;
       }
@@ -180,6 +204,10 @@
     &.ruby06 {
       border-left-color: $ids-color-palette-ruby-60;
 
+      .image-initials {
+        background-color: $ids-color-palette-ruby-60;
+      }
+
       .image-placeholder {
         border: 2px solid $ids-color-palette-ruby-60;
       }