diff --git a/src/core_modules/capture-core/components/WidgetsChangelog/common/ChangelogTable/ChangelogCells/ChangelogValueCell/ChangelogValueCell.js b/src/core_modules/capture-core/components/WidgetsChangelog/common/ChangelogTable/ChangelogCells/ChangelogValueCell/ChangelogValueCell.js
index 653c77a2e1..e5a46a32bf 100644
--- a/src/core_modules/capture-core/components/WidgetsChangelog/common/ChangelogTable/ChangelogCells/ChangelogValueCell/ChangelogValueCell.js
+++ b/src/core_modules/capture-core/components/WidgetsChangelog/common/ChangelogTable/ChangelogCells/ChangelogValueCell/ChangelogValueCell.js
@@ -28,12 +28,11 @@ type Props = {
 
 const styles = {
     container: {
-        alignItems: 'center',
-        display: 'flex',
-    },
-    valueContainer: {
         display: 'flex',
+        flexDirection: 'row',
         alignItems: 'center',
+        whiteSpace: 'normal',
+        height: '100%',
     },
     buttonContainer: {
         display: 'flex',
@@ -42,17 +41,11 @@ const styles = {
     },
     previousValue: {
         color: colors.grey700,
+        wordBreak: 'break-word',
     },
     currentValue: {
         color: colors.grey900,
-    },
-    updatePreviousValue: {
-        color: colors.grey700,
-        maxWidth: '45%',
-    },
-    updateCurrentValue: {
-        color: colors.grey900,
-        maxWidth: '45%',
+        wordBreak: 'break-word',
     },
     updateArrow: {
         display: 'inline-flex',
diff --git a/src/core_modules/capture-core/components/WidgetsChangelog/common/ChangelogTable/ChangelogCells/ChangelogValueCell/ChangelogValueCellComponents/ChangelogValueCellComponents.types.js b/src/core_modules/capture-core/components/WidgetsChangelog/common/ChangelogTable/ChangelogCells/ChangelogValueCell/ChangelogValueCellComponents/ChangelogValueCellComponents.types.js
index b34b50c939..784a342da4 100644
--- a/src/core_modules/capture-core/components/WidgetsChangelog/common/ChangelogTable/ChangelogCells/ChangelogValueCell/ChangelogValueCellComponents/ChangelogValueCellComponents.types.js
+++ b/src/core_modules/capture-core/components/WidgetsChangelog/common/ChangelogTable/ChangelogCells/ChangelogValueCell/ChangelogValueCellComponents/ChangelogValueCellComponents.types.js
@@ -4,12 +4,9 @@ export type ChangelogValueCellProps = {
     currentValue?: string,
     classes: {
       container: string,
-      valueContainer: string,
       buttonContainer: string,
       previousValue: string,
       currentValue: string,
-      updatePreviousValue: string,
-      updateCurrentValue: string,
       updateArrow: string,
       viewButton: string,
     },
diff --git a/src/core_modules/capture-core/components/WidgetsChangelog/common/ChangelogTable/ChangelogCells/ChangelogValueCell/ChangelogValueCellComponents/ChangelogValueCellDefault.js b/src/core_modules/capture-core/components/WidgetsChangelog/common/ChangelogTable/ChangelogCells/ChangelogValueCell/ChangelogValueCellComponents/ChangelogValueCellDefault.js
index 3435fdcab9..53d47340eb 100644
--- a/src/core_modules/capture-core/components/WidgetsChangelog/common/ChangelogTable/ChangelogCells/ChangelogValueCell/ChangelogValueCellComponents/ChangelogValueCellDefault.js
+++ b/src/core_modules/capture-core/components/WidgetsChangelog/common/ChangelogTable/ChangelogCells/ChangelogValueCell/ChangelogValueCellComponents/ChangelogValueCellDefault.js
@@ -6,11 +6,11 @@ import type { ChangelogValueCellProps } from './ChangelogValueCellComponents.typ
 
 const Updated = ({ previousValue, currentValue, classes }: ChangelogValueCellProps) => (
     <div className={classes.container}>
-        <span className={classes.updatePreviousValue}>{previousValue}</span>
+        <span className={classes.previousValue}>{previousValue}</span>
         <span className={classes.updateArrow}>
             <IconArrowRight16 />
         </span>
-        <span className={classes.updateCurrentValue}>{currentValue}</span>
+        <span className={classes.currentValue}>{currentValue}</span>
     </div>
 );
 
diff --git a/src/core_modules/capture-core/components/WidgetsChangelog/common/ChangelogTable/ChangelogCells/ChangelogValueCell/ChangelogValueCellComponents/ChangelogValueCellPolygon.js b/src/core_modules/capture-core/components/WidgetsChangelog/common/ChangelogTable/ChangelogCells/ChangelogValueCell/ChangelogValueCellComponents/ChangelogValueCellPolygon.js
index 37e57790ca..2dd45fe46c 100644
--- a/src/core_modules/capture-core/components/WidgetsChangelog/common/ChangelogTable/ChangelogCells/ChangelogValueCell/ChangelogValueCellComponents/ChangelogValueCellPolygon.js
+++ b/src/core_modules/capture-core/components/WidgetsChangelog/common/ChangelogTable/ChangelogCells/ChangelogValueCell/ChangelogValueCellComponents/ChangelogValueCellPolygon.js
@@ -20,11 +20,11 @@ const Updated = ({ previousValue, currentValue, classes }: ChangelogValueCellPro
 
     return (
         <>
-            <div className={classes.valueContainer}>
+            <div className={classes.container}>
                 <ValueDisplay
                     value={previousValue}
                     showMore={showMore}
-                    className={classes.updatePreviousValue}
+                    className={classes.previousValue}
                 />
                 <span className={classes.updateArrow}>
                     <IconArrowRight16 />
@@ -32,7 +32,7 @@ const Updated = ({ previousValue, currentValue, classes }: ChangelogValueCellPro
                 <ValueDisplay
                     value={currentValue}
                     showMore={showMore}
-                    className={classes.updateCurrentValue}
+                    className={classes.currentValue}
                 />
             </div>
             <div className={classes.buttonContainer}>