From d07e2be330b181d39c8c3826ca999ecaba64b66b Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Fri, 5 Sep 2025 23:21:00 +0100
Subject: [PATCH] Refactor PropertyChanges component to replace Space with Flex
 for improved layout and spacing in rendering property changes.

---
 src/components/Dashboard/common/PropertyChanges.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Dashboard/common/PropertyChanges.jsx b/src/components/Dashboard/common/PropertyChanges.jsx
index 2babc54..01a0a92 100644
--- a/src/components/Dashboard/common/PropertyChanges.jsx
+++ b/src/components/Dashboard/common/PropertyChanges.jsx
@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import { Descriptions, Typography, Space } from 'antd'
+import { Descriptions, Typography, Flex } from 'antd'
 import { getModelProperty } from '../../../database/ObjectModels'
 import ObjectProperty from './ObjectProperty'
 import ArrowRightIcon from '../../Icons/ArrowRightIcon'
@@ -51,7 +51,7 @@ const PropertyChanges = ({ type, value }) => {
         }
         return (
           <Descriptions.Item key={key} label={changeProperty.label}>
-            <Space>
+            <Flex gap={'small'}>
               {value?.old ? (
                 <ObjectProperty
                   {...changeProperty}
@@ -73,7 +73,7 @@ const PropertyChanges = ({ type, value }) => {
                   objectData={value?.new}
                 />
               ) : null}
-            </Space>
+            </Flex>
           </Descriptions.Item>
         )
       })}