diff --git a/plugins/bazaar/src/components/EditProjectDialog/EditProjectDialog.tsx b/plugins/bazaar/src/components/EditProjectDialog/EditProjectDialog.tsx
index 12b1a2dd7e..6c03810549 100644
--- a/plugins/bazaar/src/components/EditProjectDialog/EditProjectDialog.tsx
+++ b/plugins/bazaar/src/components/EditProjectDialog/EditProjectDialog.tsx
@@ -36,6 +36,11 @@ const useStyles = makeStyles({
marginLeft: '0',
marginRight: 'auto',
},
+ wordBreak: {
+ wordBreak: 'break-all',
+ whiteSpace: 'normal',
+ margin: '-0.25rem 0',
+ },
});
export const EditProjectDialog = ({
@@ -101,7 +106,9 @@ export const EditProjectDialog = ({
handleClose={handleDeleteClose}
message={[
'Are you sure you want to delete ',
- {bazaarProject.name},
+
+ {bazaarProject.name}
+ ,
' from the Bazaar?',
]}
type="delete"
diff --git a/plugins/bazaar/src/components/EntityBazaarInfoContent/EntityBazaarInfoContent.tsx b/plugins/bazaar/src/components/EntityBazaarInfoContent/EntityBazaarInfoContent.tsx
index 9ad1763f6e..0c9da1ed24 100644
--- a/plugins/bazaar/src/components/EntityBazaarInfoContent/EntityBazaarInfoContent.tsx
+++ b/plugins/bazaar/src/components/EntityBazaarInfoContent/EntityBazaarInfoContent.tsx
@@ -38,7 +38,7 @@ import { CardContentFields } from '../CardContentFields';
import { fetchProjectMembers } from '../../util/fetchMethods';
const useStyles = makeStyles({
- title: {
+ wordBreak: {
wordBreak: 'break-all',
whiteSpace: 'normal',
margin: '-0.25rem 0',
@@ -169,9 +169,11 @@ export const EntityBazaarInfoContent = ({
handleClose={handleUnlinkClose}
message={[
'Are you sure you want to unlink ',
- {parseEntityRef(bazaarProject.entityRef!).name},
+
+ {parseEntityRef(bazaarProject.entityRef!).name}
+ ,
' from ',
- {bazaarProject.name},
+ {bazaarProject.name},
' ?',
]}
type="unlink"
@@ -180,7 +182,7 @@ export const EntityBazaarInfoContent = ({
)}
{bazaarProject?.name!}
} action={{bazaarProject.value?.name || initProject.name}
}