Render linebreaks in the Fides.js overlay descriptions, etc. (#3665)

Author: NevilleS

CHANGELOG.md

@@ -17,6 +17,10 @@ The types of changes are:
 
 ## [Unreleased](https://github.com/ethyca/fides/compare/2.15.0...main)
 
+### Fixed
+
+- Render linebreaks in the Fides.js overlay descriptions, etc. [#3665](https://github.com/ethyca/fides/pull/3665)
+
 ## [2.15.0](https://github.com/ethyca/fides/compare/2.14.1...2.15.0)
 
 ### Added

clients/fides-js/src/components/fides.css

@@ -56,6 +56,7 @@ div#fides-overlay {
   font-size: var(--fides-overlay-font-size-body);
   z-index: 1000;
   position: fixed;
+  white-space: pre-line;
 
   /* CSS reset values, adapted from https://www.joshwcomeau.com/css/custom-css-reset/ */
   line-height: calc(1em + 0.4rem);