diff --git a/.changelog/17343.txt b/.changelog/17343.txt
new file mode 100644
index 000000000..3f3581681
--- /dev/null
+++ b/.changelog/17343.txt
@@ -0,0 +1,3 @@
+```release-note:bug
+ui: preserve newlines when displaying shown variables in non-json mode
+```
diff --git a/ui/app/styles/components/variables.scss b/ui/app/styles/components/variables.scss
index a69573330..f2745941d 100644
--- a/ui/app/styles/components/variables.scss
+++ b/ui/app/styles/components/variables.scss
@@ -201,6 +201,9 @@ table.variable-items {
       display: grid;
       grid-template-columns: auto auto 1fr;
       gap: 0.5rem;
+      & > code {
+        white-space: pre-wrap;
+      }
     }
   }
 }