diff --git a/CHANGELOG.md b/CHANGELOG.md
index cf5565f7..9eae6da7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -31,6 +31,7 @@ and this project adheres to
 - 🐛(helm) use celery resources instead of backend resources
 - 🐛(helm) reverse liveness and readiness for backend deployment
 - 🐛(y-provider) use CONVERSION_FILE_MAX_SIZE settings #1913
+- 🐛(frontend) fix callout block spacing for old browsers #1914
 
 ## [v4.5.0] - 2026-01-28
 
diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/CalloutBlock.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/CalloutBlock.tsx
index e4dd63fc..bcab4a2c 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/CalloutBlock.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/CalloutBlock.tsx
@@ -21,6 +21,9 @@ const CalloutBlockStyle = createGlobalStyle`
     padding: var(--c--globals--spacings--3xs) var(--c--globals--spacings--3xs);
     border-radius: var(--c--globals--spacings--3xs);
   }
+  .bn-block-content[data-content-type="callout"] .inline-content {
+    white-space: pre-wrap;
+  }
 `;
 
 type CreateCalloutBlockConfig = BlockConfig<