diff --git a/libs/shared/lib/data-access/store/schemaSlice.ts b/libs/shared/lib/data-access/store/schemaSlice.ts
index 3f696c4aea2940806ee8208e1d2c4388d2fabb45..f31275e6bac64588cc8fdc187801fea4d1b9aae7 100644
--- a/libs/shared/lib/data-access/store/schemaSlice.ts
+++ b/libs/shared/lib/data-access/store/schemaSlice.ts
@@ -6,8 +6,10 @@ import { SchemaFromBackend, SchemaGraph, SchemaGraphology } from '../../schema';
 
 /**************************************************************** */
 
+export const schemaConnectionTypeArray: Array<SchemaConnectionTypes> = ['connection', 'bezier', 'straight', 'step'];
+export type SchemaConnectionTypes = 'connection' | 'bezier' | 'straight' | 'step';
 export type SchemaSettings = {
-  connectionType: 'connection' | 'bezier' | 'straight' | 'step';
+  connectionType: SchemaConnectionTypes;
   layoutName: AllLayoutAlgorithms;
   animatedEdges: boolean;
 };
diff --git a/libs/shared/lib/schema/panel/schemaDialog.tsx b/libs/shared/lib/schema/panel/schemaDialog.tsx
index 3a4313d257a1001eaa5b76b4a2450967f513a991..3d6771997e1bd78561dc981f289f8627a6296562 100644
--- a/libs/shared/lib/schema/panel/schemaDialog.tsx
+++ b/libs/shared/lib/schema/panel/schemaDialog.tsx
@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 import { Dialog, DialogProps } from '../../components/Dialog';
 import React from 'react';
 import { useAppDispatch, useSchemaSettings } from '../../data-access';
-import { SchemaSettings, setSchemaSettings } from '../../data-access/store/schemaSlice';
+import { SchemaConnectionTypes, SchemaSettings, schemaConnectionTypeArray, setSchemaSettings } from '../../data-access/store/schemaSlice';
 import { FormActions, FormBody, FormCard, FormControl, FormHBar, FormTitle, FormDiv } from '../../components/forms';
 import { Layouts } from '../../graph-layout';
 import { Input } from '../../components/inputs';
@@ -34,9 +34,9 @@ export const SchemaDialog = (props: DialogProps) => {
           type="dropdown"
           label="Type of Connection"
           value={state.connectionType}
-          options={['Default', 'Step', 'Straight', 'Bezier']}
+          options={schemaConnectionTypeArray}
           onChange={(value: string | number) => {
-            setState({ ...state, connectionType: value as any });
+            setState({ ...state, connectionType: value as SchemaConnectionTypes });
           }}
         />
       </FormControl>