From a11299100b0a3021e60e0b1e1657cf7100075130 Mon Sep 17 00:00:00 2001
From: Noah Overcash <novercash@ebsco.com>
Date: Thu, 26 Oct 2023 15:33:22 -0400
Subject: [PATCH] [STCOR-752]: Ensure <AppIcon> is not cut off (for real this
 time) (#1358)

* [STCOR-752]: Ensure <AppIcon> is not cut off

* Only apply min-width to appIcon classes

* Add changelog
---
 CHANGELOG.md                       |  1 +
 src/components/AppIcon/AppIcon.css | 12 ++++++++++++
 2 files changed, 13 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 757b50590..b4b56d711 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,7 @@
 
 * Provide optional tenant argument to `useOkapiKy` hook. Refs STCOR-747.
 * Avoid private path when import `validateUser` function. Refs STCOR-749.
+* Ensure `<AppIcon>` is not cut off when app name is long. Refs STCOR-752.
 
 ## [10.0.0](https://github.com/folio-org/stripes-core/tree/v10.0.0) (2023-10-11)
 [Full Changelog](https://github.com/folio-org/stripes-core/compare/v9.0.0...v10.0.0)
diff --git a/src/components/AppIcon/AppIcon.css b/src/components/AppIcon/AppIcon.css
index b8075b0dc..b96f2cb23 100644
--- a/src/components/AppIcon/AppIcon.css
+++ b/src/components/AppIcon/AppIcon.css
@@ -72,18 +72,30 @@
 /**
  * Sizes
  */
+.appIcon.large {
+  min-width: 48px;
+}
+
 .large .icon {
   height: 48px;
   min-width: 48px;
   width: 48px;
 }
 
+.appIcon.medium {
+  min-width: 24px;
+}
+
 .medium .icon {
   width: 24px;
   min-width: 24px;
   height: 24px;
 }
 
+.appIcon.small {
+  min-width: 14px;
+}
+
 .small .icon {
   width: 14px;
   min-width: 14px;