diff --git a/ui/src/components/Modals/AddWorkspaceModal/AddWorkspaceModal.tsx b/ui/src/components/Modals/AddWorkspaceModal/AddWorkspaceModal.tsx
index daef3e025..a49d11765 100644
--- a/ui/src/components/Modals/AddWorkspaceModal/AddWorkspaceModal.tsx
+++ b/ui/src/components/Modals/AddWorkspaceModal/AddWorkspaceModal.tsx
@@ -3,10 +3,11 @@ import ConfirmationModal from '../../UI/Modals/ConfirmationModal';
 // import './AddUserModal.sass';
 
 interface AddWorkspaceModal {
-  isOpen : boolean
+  isOpen : boolean,
+  onCloseModal: () => void
 }
 
-const AddWorkspaceModal: FC<AddWorkspaceModal> = ({isOpen,children}) => {
+const AddWorkspaceModal: FC<AddWorkspaceModal> = ({isOpen,onCloseModal,children}) => {
 
   const [isOpenModal,setIsOpen] = useState(isOpen)
 
diff --git a/ui/src/components/WorkspaceSettings/WorkspaceSettings.tsx b/ui/src/components/WorkspaceSettings/WorkspaceSettings.tsx
index ad6cefe3c..0df387d8a 100644
--- a/ui/src/components/WorkspaceSettings/WorkspaceSettings.tsx
+++ b/ui/src/components/WorkspaceSettings/WorkspaceSettings.tsx
@@ -50,7 +50,7 @@ export const WorkspaceSettings : React.FC<Props> = ({}) => {
         <FilterableTableAction onRowEdit={onRowEdit} onRowDelete={onRowDelete} searchConfig={searchConfig} 
                                buttonConfig={buttonConfig} rows={workspacesRows} cols={cols}>
         </FilterableTableAction>
-        <AddWorkspaceModal isOpen={isOpenModal}>
+        <AddWorkspaceModal isOpen={isOpenModal} onCloseModal={() => { setIsOpen(false); } }>
             <SelectList valuesListInput={namespaces} tableName={"Namespaces"} multiSelect={false} setValues={function (newValues: any): void {
                 throw new Error("Function not implemented.");
             } } tabelClassName={undefined}></SelectList>