[DSC-2283] avoid metadata rendering overflowing

Author: Andrea Barbasso

src/app/cris-layout/cris-layout-matrix/cris-layout-box-container/boxes/metadata/row/metadata-container/metadata-render/metadata-render.component.scss

@@ -0,0 +1,3 @@
+:host {
+  word-break: break-word;
+}

src/app/cris-layout/cris-layout-matrix/cris-layout-box-container/boxes/metadata/row/metadata-container/metadata-render/metadata-render.component.spec.ts

@@ -149,6 +149,11 @@ describe('MetadataRenderComponent', () => {
       component.field = fieldMock;
     });
 
+    it('Should apply word-break style to host element', () => {
+      const hostElement = fixture.nativeElement;
+      expect(getComputedStyle(hostElement).wordBreak).toBe('break-word');
+    });
+
     describe('When field rendering type is not structured', () => {
       beforeEach(() => {
         component.metadataValue = metadataValue;