diff --git a/frontend/src/app/components/dashboard/db-table-row-view/db-table-row-view.component.css b/frontend/src/app/components/dashboard/db-table-row-view/db-table-row-view.component.css
index a78533746..b6865eacc 100644
--- a/frontend/src/app/components/dashboard/db-table-row-view/db-table-row-view.component.css
+++ b/frontend/src/app/components/dashboard/db-table-row-view/db-table-row-view.component.css
@@ -67,6 +67,25 @@
     }
 }
 
+.row-preview-sidebar__field-value {
+    word-wrap: anywhere;
+    word-break: keep-all;
+    white-space: break-spaces;
+    max-width: 100%;
+}
+
+@media (prefers-color-scheme: light) {
+    .row-preview-sidebar__field-value {
+        color: rgba(0, 0, 0, 0.64);
+    }
+}
+
+@media (prefers-color-scheme: dark) {
+    .row-preview-sidebar__field-value {
+        color: rgba(255, 255, 255, 0.64);
+    }
+}
+
 .row-preview-sidebar__field-value_foreign-key {
     display: flex;
     align-items: center;
@@ -77,19 +96,12 @@
     .row-preview-sidebar__field-value_foreign-key {
         border-bottom: 1px solid rgba(0, 0, 0, 0.64);
     }
-    .row-preview-sidebar__field-value {
-        color: rgba(0, 0, 0, 0.64);
-    }
 }
 
 @media (prefers-color-scheme: dark) {
     .row-preview-sidebar__field-value_foreign-key {
         border-bottom: 1px solid rgba(255, 255, 255, 0.64);
     }
-
-    .row-preview-sidebar__field-value {
-        color: rgba(255, 255, 255, 0.64);
-    }
 }
 
 .row-preview-sidebar__field-value-icon {