diff --git a/packages/app/src/components/LoopControllerNodePorts.tsx b/packages/app/src/components/LoopControllerNodePorts.tsx
index b859369d7..686bf3175 100644
--- a/packages/app/src/components/LoopControllerNodePorts.tsx
+++ b/packages/app/src/components/LoopControllerNodePorts.tsx
@@ -12,6 +12,8 @@ import { useStableCallback } from '../hooks/useStableCallback.js';
 import { Port } from './Port.js';
 import { useDependsOnPlugins } from '../hooks/useDependsOnPlugins';
 import { type DraggingWireDef } from '../state/graphBuilder';
+import { useRecoilValue } from 'recoil';
+import { preservePortTextCaseState } from '../state/settings.js';
 
 export type NodePortsProps = {
   node: ChartNode;
@@ -54,6 +56,8 @@ export const LoopControllerNodePorts: FC<NodePortsProps> = ({
 }) => {
   const { inputDefinitions, outputDefinitions } = useNodeIO(node.id)!;
 
+  const preservePortTextCase = useRecoilValue(preservePortTextCaseState);
+
   const handlePortMouseDown = useStableCallback((event: MouseEvent<HTMLDivElement>, port: PortId, isInput: boolean) => {
     event.stopPropagation();
     event.preventDefault();
@@ -105,6 +109,7 @@ export const LoopControllerNodePorts: FC<NodePortsProps> = ({
                 (draggingWire?.endNodeId === node.id && draggingWire?.endPortId === input.id);
               return (
                 <Port
+                  preservePortCase={preservePortTextCase}
                   title={input.title}
                   id={input.id}
                   input
@@ -132,6 +137,7 @@ export const LoopControllerNodePorts: FC<NodePortsProps> = ({
                 (draggingWire?.startNodeId === node.id && draggingWire?.startPortId === output.id);
               return (
                 <Port
+                  preservePortCase={preservePortTextCase}
                   title={output.title}
                   id={output.id}
                   connected={connected}
@@ -165,6 +171,7 @@ export const LoopControllerNodePorts: FC<NodePortsProps> = ({
                   (draggingWire?.endNodeId === node.id && draggingWire?.endPortId === input.id);
                 return (
                   <Port
+                    preservePortCase={preservePortTextCase}
                     title={input.title}
                     id={input.id}
                     input
@@ -196,6 +203,7 @@ export const LoopControllerNodePorts: FC<NodePortsProps> = ({
                   (draggingWire?.startNodeId === node.id && draggingWire?.startPortId === output.id);
                 return (
                   <Port
+                    preservePortCase={preservePortTextCase}
                     title={output.title}
                     id={output.id}
                     connected={connected}
diff --git a/packages/app/src/components/NodePorts.tsx b/packages/app/src/components/NodePorts.tsx
index 05bfddb2f..2592be80e 100644
--- a/packages/app/src/components/NodePorts.tsx
+++ b/packages/app/src/components/NodePorts.tsx
@@ -15,6 +15,8 @@ import { ErrorBoundary } from 'react-error-boundary';
 import { useDependsOnPlugins } from '../hooks/useDependsOnPlugins';
 import { LoopControllerNodePorts } from './LoopControllerNodePorts';
 import { type DraggingWireDef } from '../state/graphBuilder';
+import { useRecoilState, useRecoilValue } from 'recoil';
+import { preservePortTextCaseState } from '../state/settings.js';
 
 export type NodePortsProps = {
   node: ChartNode;
@@ -64,6 +66,7 @@ export const NodePorts: FC<NodePortsProps> = ({
   onPortMouseOut,
 }) => {
   const { inputDefinitions, outputDefinitions } = useNodeIO(node.id)!;
+  const preservePortTextCase = useRecoilValue(preservePortTextCaseState);
 
   const handlePortMouseDown = useStableCallback((event: MouseEvent<HTMLDivElement>, port: PortId, isInput: boolean) => {
     event.stopPropagation();
@@ -88,6 +91,7 @@ export const NodePorts: FC<NodePortsProps> = ({
             <Port
               title={input.title}
               id={input.id}
+              preservePortCase={preservePortTextCase}
               input
               connected={connected}
               key={`input-${input.id}`}
@@ -111,6 +115,7 @@ export const NodePorts: FC<NodePortsProps> = ({
             (draggingWire?.startNodeId === node.id && draggingWire?.startPortId === output.id);
           return (
             <Port
+              preservePortCase={preservePortTextCase}
               title={output.title}
               id={output.id}
               connected={connected}
diff --git a/packages/app/src/components/Port.tsx b/packages/app/src/components/Port.tsx
index 0de67b875..3ac6255d5 100644
--- a/packages/app/src/components/Port.tsx
+++ b/packages/app/src/components/Port.tsx
@@ -19,6 +19,7 @@ export const Port: FC<{
   connected?: boolean;
   canDragTo: boolean;
   closest: boolean;
+  preservePortCase?: boolean;
   definition: NodeInputDefinition | NodeOutputDefinition;
   draggingDataType?: DataType | Readonly<DataType[]>;
   onMouseDown?: (event: MouseEvent<HTMLDivElement>, port: PortId, isInput: boolean) => void;
@@ -52,6 +53,7 @@ export const Port: FC<{
     onMouseUp,
     onMouseOver,
     onMouseOut,
+    preservePortCase,
   }) => {
     const ref = useRef<HTMLDivElement>(null);
 
@@ -114,7 +116,7 @@ export const Port: FC<{
         >
           {canDragTo && <div className={clsx('port-hover-area')} />}
         </div>
-        <div className="port-label" onMouseOver={handleMouseOver} onMouseOut={handleMouseOut}>
+        <div className={clsx("port-label", preservePortCase ? "" : "port-label-uppercase")} onMouseOver={handleMouseOver} onMouseOut={handleMouseOut}>
           {title}
         </div>
       </div>
diff --git a/packages/app/src/components/SettingsModal.tsx b/packages/app/src/components/SettingsModal.tsx
index 49998f747..67a7198dd 100644
--- a/packages/app/src/components/SettingsModal.tsx
+++ b/packages/app/src/components/SettingsModal.tsx
@@ -4,6 +4,7 @@ import {
   checkForUpdatesState,
   defaultExecutorState,
   executorOptions,
+  preservePortTextCaseState,
   previousDataPerNodeToKeepState,
   recordExecutionsState,
   settingsState,
@@ -123,6 +124,7 @@ export const GeneralSettingsPage: FC = () => {
   const [defaultExecutor, setDefaultExecutor] = useRecoilState(defaultExecutorState);
   const [previousDataPerNodeToKeep, setPreviousDataPerNodeToKeep] = useRecoilState(previousDataPerNodeToKeepState);
   const [zoomSensitivity, setZoomSensitivity] = useRecoilState(zoomSensitivityState);
+  const [preservePortTextCase, setPreservePortTextCase] = useRecoilState(preservePortTextCaseState);
 
   return (
     <div css={fields}>
@@ -135,6 +137,22 @@ export const GeneralSettingsPage: FC = () => {
           />
         )}
       </Field>
+      <Field name="preserve-port-text-case" label="Preserve text case for node ports">
+        {() => (
+          <>
+            <Toggle
+            id="check-for-updates"
+            isChecked={preservePortTextCase}
+            onChange={(e) => {
+              setPreservePortTextCase(e.target.checked);
+            }}
+            />  
+            <HelperMessage>
+              This WILL preserve the text fromat of the node port names.  e.g. `newInputPort` will be shown instead of `NEWINPUTPORT` when enabled
+            </HelperMessage>
+        </>  
+        )}
+      </Field>
       <Field name="recording-speed" label="Recording delay between chats (ms)">
         {() => (
           <>
diff --git a/packages/app/src/components/nodeStyles.ts b/packages/app/src/components/nodeStyles.ts
index 469293305..83b08c243 100644
--- a/packages/app/src/components/nodeStyles.ts
+++ b/packages/app/src/components/nodeStyles.ts
@@ -240,10 +240,13 @@ export const nodeStyles = css`
     position: relative;
   }
 
+  .port-label-uppercase {
+    text-transform: uppercase;
+  }
+
   .port-label {
     color: var(--grey-lighter);
     font-size: 10px;
-    text-transform: uppercase;
     letter-spacing: 1px;
     margin: 0 4px;
     white-space: nowrap;
diff --git a/packages/app/src/state/settings.ts b/packages/app/src/state/settings.ts
index 4942acc3c..11b3c7b87 100644
--- a/packages/app/src/state/settings.ts
+++ b/packages/app/src/state/settings.ts
@@ -68,6 +68,12 @@ export const previousDataPerNodeToKeepState = atom<number>({
   effects: [persistAtom],
 });
 
+export const preservePortTextCaseState = atom<boolean>({
+  key: 'preservePortTextCase',
+  default: false,
+  effects: [persistAtom],
+});
+
 export const checkForUpdatesState = atom<boolean>({
   key: 'checkForUpdates',
   default: true,