From d8cd3d76c1a37381b5b64fc2000d1795f15c6be2 Mon Sep 17 00:00:00 2001
From: Neville Samuell <neville@ethyca.com>
Date: Fri, 23 Jun 2023 13:32:50 -0400
Subject: [PATCH] Render linebreaks in the Fides.js overlay descriptions, etc.
 (#3665)

---
 CHANGELOG.md                              | 4 ++++
 clients/fides-js/src/components/fides.css | 1 +
 2 files changed, 5 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 65f92e4db4..cda8d2ad57 100644
--- a/CHANGELOG.md
+++ b/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
diff --git a/clients/fides-js/src/components/fides.css b/clients/fides-js/src/components/fides.css
index d697b98908..03272eccce 100644
--- a/clients/fides-js/src/components/fides.css
+++ b/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);