diff --git a/react-components/src/components/RevealToolbar/LayersContainer/ModelHandler.ts b/react-components/src/components/RevealToolbar/LayersContainer/ModelHandler.ts
index 69ffb733e44..1ab18867dc9 100644
--- a/react-components/src/components/RevealToolbar/LayersContainer/ModelHandler.ts
+++ b/react-components/src/components/RevealToolbar/LayersContainer/ModelHandler.ts
@@ -82,7 +82,7 @@ export class Image360CollectionHandler extends ModelHandler {
     private readonly _isCurrentlyEntered: (collection: Image360Collection) => boolean,
     private readonly _exit360Image: () => void
   ) {
-    super(_image360Collection, _image360Collection.id);
+    super(_image360Collection, _image360Collection.label ?? _image360Collection.id);
   }
 
   key(): string {
diff --git a/react-components/src/components/Widgets/WidgetHeader.tsx b/react-components/src/components/Widgets/WidgetHeader.tsx
index a734209c9a4..e6e7f8749c4 100644
--- a/react-components/src/components/Widgets/WidgetHeader.tsx
+++ b/react-components/src/components/Widgets/WidgetHeader.tsx
@@ -75,7 +75,7 @@ const Actions = styled.div<{ align: 'left' | 'right' }>`
 `;
 
 const Content = styled.div`
-  width: 80%;
+  width: 70%;
 `;
 
 const Cell = styled.div`
@@ -95,6 +95,9 @@ const HeaderText = styled(Body)`
   font-size: 14px;
   font-weight: bold;
   line-height: 20px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 `;
 
 const StyledIcon = styled(Icon)`