diff --git a/ui/dashboard/src/components/dashboards/Table/index.tsx b/ui/dashboard/src/components/dashboards/Table/index.tsx
index 5a8d41ad..2bb57911 100644
--- a/ui/dashboard/src/components/dashboards/Table/index.tsx
+++ b/ui/dashboard/src/components/dashboards/Table/index.tsx
@@ -469,7 +469,8 @@ const TableView = ({
                       "px-4 py-4 align-top content-center text-sm",
                       isNumericCol(cell.column.data_type) ? "text-right" : "",
                       cell.column.wrap === "all"
-                        ? "break-keep"
+                        ? (cell.column.data_type.toLowerCase() === "jsonb"
+                        ? "whitespace-pre" : "break-keep") 
                         : "whitespace-nowrap",
                     )}
                   >
@@ -588,7 +589,11 @@ const LineView = (props: TableProps) => {
                   <span
                     className={classNames(
                       "block",
-                      col.wrap === "all" ? "break-keep" : "truncate",
+                      col.wrap === "all" ? (
+                        col.data_type.toLowerCase() === "jsonb"
+                          ? "whitespace-pre"
+                          : "break-keep"
+                      ) : "truncate",
                     )}
                   >
                     <MemoCellValue