added tailwind class to break the line in the middle of words to prevent overflowing the alocated space (#10944)

Author: MbfloydIR

packages/ui/src/components/editor/panels/Properties/material/index.tsx

@@ -220,7 +220,7 @@ export function MaterialEditor(props: { materialUUID: EntityUUID }) {
           <div className="justify-cneter flex items-center align-middle">
             <label>{t('editor:properties.mesh.material.path')}</label>
           </div>
-          <div>{getOptionalComponent(entity, SourceComponent) ?? 'None'}</div>
+          <div className="break-all">{getOptionalComponent(entity, SourceComponent) ?? 'None'}</div>
         </div>
       </InputGroup>
       <br />