From 36f4bcbb72322fe029697bef5459c96a9605c789 Mon Sep 17 00:00:00 2001
From: Volha Mardvilka <mardvilka@google.com>
Date: Thu, 13 Feb 2025 15:45:31 +0000
Subject: [PATCH] 396366298: (fix) [GM3] prevent corrupting profile if it has
 long name

---
 .../app/components/device-item/device-item.component.scss    | 5 +++++
 .../risk-assessment/profile-item/profile-item.component.scss | 5 +----
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/modules/ui/src/app/components/device-item/device-item.component.scss b/modules/ui/src/app/components/device-item/device-item.component.scss
index e4aa3d37b..717ffa704 100644
--- a/modules/ui/src/app/components/device-item/device-item.component.scss
+++ b/modules/ui/src/app/components/device-item/device-item.component.scss
@@ -141,6 +141,8 @@ $border-radius: 12px;
   padding-right: variables.$icon-size;
 
   .item-manufacturer-text {
+    width: 210px;
+    max-width: 240px;
     margin: 0;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -188,4 +190,7 @@ mat-icon {
   mat-icon {
     color: colors.$on-error-container;
   }
+  .item-manufacturer-text {
+    max-width: 150px;
+  }
 }
diff --git a/modules/ui/src/app/pages/risk-assessment/profile-item/profile-item.component.scss b/modules/ui/src/app/pages/risk-assessment/profile-item/profile-item.component.scss
index a005792f6..509ef9d2c 100644
--- a/modules/ui/src/app/pages/risk-assessment/profile-item/profile-item.component.scss
+++ b/modules/ui/src/app/pages/risk-assessment/profile-item/profile-item.component.scss
@@ -24,10 +24,6 @@ $profile-item-container-gap: 8px;
   width: 100%;
   height: 100%;
   display: grid;
-  grid-template-columns: minmax(160px, 1fr) repeat(
-      2,
-      $profile-icon-container-size
-    );
   gap: $profile-item-container-gap;
   box-sizing: border-box;
   align-items: center;
@@ -83,6 +79,7 @@ $profile-item-container-gap: 8px;
   }
 
   .profile-item-name {
+    max-width: 170px;
     font-size: 16px;
     color: colors.$on-surface;
     line-height: 24px;