diff --git a/client/src/components/views/ConfigView/BasicVariable.tsx b/client/src/components/views/ConfigView/BasicVariable.tsx
index 6e0303a4f..da6c90c1b 100644
--- a/client/src/components/views/ConfigView/BasicVariable.tsx
+++ b/client/src/components/views/ConfigView/BasicVariable.tsx
@@ -19,10 +19,13 @@ type Props = {
 };
 
 class BasicVariable extends React.Component<Props> {
+  originalValue = this.props.state.__value;
+
   render() {
     const { name, path, state } = this.props;
 
     const modified = state.__value !== state.__newValue;
+    const updated = this.originalValue !== state.__newValue;
 
     const onChange = (validatedValue: {
       value: string | number | boolean;
@@ -63,14 +66,14 @@ class BasicVariable extends React.Component<Props> {
         case 'int':
         case 'long':
           input = (
-            <TextInput
-              id={path}
-              value={state.__newValue as number | string}
-              valid={state.__valid}
-              validate={validateInt}
-              onChange={onChange}
-              onSave={onSave}
-            />
+              <TextInput
+                  id={path}
+                  value={state.__newValue as number | string}
+                  valid={state.__valid}
+                  validate={validateInt}
+                  onChange={onChange}
+                  onSave={onSave}
+              />
           );
           break;
         case 'float':
@@ -79,96 +82,111 @@ class BasicVariable extends React.Component<Props> {
             input = <p>{state.__value}</p>;
           } else {
             input = (
-              <div
-                style={{
-                  display: 'flex',
-                  alignItems: 'center',
-                }}
-              >
-                <TextInput
-                  id={path}
-                  value={state.__newValue as number | string}
-                  valid={state.__valid}
-                  validate={validateDouble}
-                  onChange={onChange}
-                  onSave={onSave}
-                />
-                {state.__valid && (
-                  <p
-                    className="mx-3"
+                <div
                     style={{
-                      opacity: 0.5,
+                      display: 'flex',
+                      alignItems: 'center',
                     }}
-                  >
-                    ({Number(state.__newValue)})
-                  </p>
-                )}
-              </div>
+                >
+                  <TextInput
+                      id={path}
+                      value={state.__newValue as number | string}
+                      valid={state.__valid}
+                      validate={validateDouble}
+                      onChange={onChange}
+                      onSave={onSave}
+                  />
+
+                </div>
             );
           }
           break;
         case 'string':
           input = (
-            <TextInput
-              id={path}
-              value={state.__newValue as number | string}
-              valid={state.__valid}
-              validate={validateString}
-              onChange={onChange}
-              onSave={onSave}
-            />
+              <TextInput
+                  id={path}
+                  value={state.__newValue as number | string}
+                  valid={state.__valid}
+                  validate={validateString}
+                  onChange={onChange}
+                  onSave={onSave}
+              />
           );
           break;
         case 'boolean':
           input = (
-            <BooleanInput
-              id={path}
-              value={state.__newValue as boolean}
-              onChange={onChange}
-              onSave={onSave}
-            />
+              <BooleanInput
+                  id={path}
+                  value={state.__newValue as boolean}
+                  onChange={onChange}
+                  onSave={onSave}
+              />
           );
           break;
         case 'enum':
           input = (
-            <EnumInput
-              id={path}
-              value={state.__newValue as string}
-              enumValues={state.__enumValues}
-              onChange={onChange}
-              onSave={onSave}
-            />
+              <EnumInput
+                  id={path}
+                  value={state.__newValue as string}
+                  enumValues={state.__enumValues}
+                  onChange={onChange}
+                  onSave={onSave}
+              />
           );
           break;
       }
     }
 
     return (
-      <tr>
-        <td>
-          <label htmlFor={path}>
+        <tr>
+
+          <td>
+            <label htmlFor={path}>
             <span
-              style={
-                modified
-                  ? {
-                      userSelect: 'auto',
-                      opacity: 1.0,
-                    }
-                  : {
-                      userSelect: 'none',
-                      opacity: 0.0,
-                    }
-              }
+                style={
+                  modified
+                      ? {
+                        userSelect: 'auto',
+                        opacity: 1.0,
+                      }
+                      : {
+                        userSelect: 'none',
+                        opacity: 0.0,
+                      }
+                }
             >
               *
             </span>
-            {name}
-          </label>
-        </td>
-        <td>{input}</td>
-      </tr>
+              {name}
+            </label>
+          </td>
+          <td>{input}</td>
+          <td style={{ position: 'relative', paddingRight: '10px' }}>
+                      {updated && (
+                          <div
+                              style={{
+                                display: 'flex',
+                                alignItems: 'center',
+                                gap: '5px',
+                              }}
+                          >
+                            <div
+                            />
+                            <span
+                                style={{
+                                  fontSize: '16px',
+                                  color: '#FFF',
+                                  opacity: 0.5,
+                                }}
+                            >
+                            {`(${this.originalValue})`}
+                        </span>
+                          </div>
+                      )}
+                    </td>
+        </tr>
     );
   }
 }
 
-export default BasicVariable;
+export default BasicVariable;
\ No newline at end of file