Hi,
Easy Profile uses simple HTML description lists (DL,DD,DT tags), the style of this list is managed by your template.

To provide CSS code to fix it we need to see your site, can you please provide me your site link? to keep it private you can use the form below the reply in "Site Details" tab (we need only Site URL)

Please find my site url in the Site details.

Hi,
sorry for late reply,
you can add following CSS code to fix this:

@media (min-width: 768px){
    .dl-horizontal dt{text-overflow:initial;white-space:normal}
}

Is this to be added to the current in use templates css or someplace else. If it is to be applied to the template then I think there is some conflict as the template has this currently. Most specifically the max-width vs the min-width.

@media (max-width: 768px) {
.sppb-addon-image-content .sppb-col-sm-offset-6 {
margin: 0;
}
.sppb-addon-image-content .sppb-col-sm-6 {
width: 100%;
}

Hi,
you seems to using a template from Joomshaper.

Joomshaper templates allow you to add custom CSS in 2 ways:
1) custom.css file placed at /templates/your-template-folder/css/
2) before head tag from Extensions->Templates->your template->Custom Code

Most specifically the max-width vs the min-width.

Your CSS code not seems related to DL,DD,DT tags and directives text-overflow and white-space.

Thank you for the information as I believe I now have this working and was very useful to understand this.

I guess I do have one more question. If I change the white-space to nowrap and allow for the whole description field to be displayed what is the controller for the width of that description field? Otherwise it gets truncated.

Hi,
this is not something that you need to manage with white-space directive, you should override the width of the labels.

To find that directive to override with CSS then you can use Google Chrome Inspector*, this tool allow you to see all inherited style from any tag,

*you can open it with "Ctrl+Shift+I" (Windows / Linux) or "Cmd+Opt+I" (Mac).