diff --git a/HDesign/src/components/EditableItem/EditableItem.context.tsx b/HDesign/src/components/EditableItem/EditableItem.context.tsx
index 7ba07af08..a2aeef4bc 100644
--- a/HDesign/src/components/EditableItem/EditableItem.context.tsx
+++ b/HDesign/src/components/EditableItem/EditableItem.context.tsx
@@ -16,7 +16,7 @@ export const useEditableItemContext = () => {
   return context;
 };
 
-export const EditableItmProvider: React.FC<PropsWithChildren> = ({children}: React.PropsWithChildren) => {
+export const EditableItemProvider: React.FC<PropsWithChildren> = ({children}: React.PropsWithChildren) => {
   const [hasAnyFocus, setHasAnyFocus] = useState(false);
 
   return <EditableItemContext.Provider value={{hasAnyFocus, setHasAnyFocus}}>{children}</EditableItemContext.Provider>;
diff --git a/HDesign/src/components/EditableItem/EditableItem.input.stories.tsx b/HDesign/src/components/EditableItem/EditableItem.input.stories.tsx
index 07020cbfb..a23483b78 100644
--- a/HDesign/src/components/EditableItem/EditableItem.input.stories.tsx
+++ b/HDesign/src/components/EditableItem/EditableItem.input.stories.tsx
@@ -4,7 +4,7 @@ import type {Meta, StoryObj} from '@storybook/react';
 import EditableItemInput from '@components/EditableItem/EditableItem.Input';
 
 import EditableItem from './EditableItem';
-import {EditableItmProvider} from './EditableItem.context';
+import {EditableItemProvider} from './EditableItem.context';
 
 const meta = {
   title: 'Components/EditableItemInput',
@@ -36,9 +36,9 @@ type Story = StoryObj<typeof meta>;
 export const Playground: Story = {
   render: ({...args}) => {
     return (
-      <EditableItmProvider>
+      <EditableItemProvider>
         <EditableItem.Input {...args} />
-      </EditableItmProvider>
+      </EditableItemProvider>
     );
   },
 };
diff --git a/HDesign/src/components/EditableItem/EditableItem.tsx b/HDesign/src/components/EditableItem/EditableItem.tsx
index 9d7acddd6..cc1892370 100644
--- a/HDesign/src/components/EditableItem/EditableItem.tsx
+++ b/HDesign/src/components/EditableItem/EditableItem.tsx
@@ -6,7 +6,7 @@ import {useTheme} from '@theme/HDesignProvider';
 import {editableItemStyle} from './EditableItem.style';
 import EditableItemInput from './EditableItem.Input';
 import {EditableItemProps} from './EditableItem.type';
-import {EditableItmProvider, useEditableItemContext} from './EditableItem.context';
+import {EditableItemProvider} from './EditableItem.context';
 import useEditableItem from './useEditableItem';
 
 const EditableItemBase = ({
@@ -29,9 +29,9 @@ const EditableItemBase = ({
 
 export const EditableItem = (props: EditableItemProps) => {
   return (
-    <EditableItmProvider>
+    <EditableItemProvider>
       <EditableItemBase {...props} />
-    </EditableItmProvider>
+    </EditableItemProvider>
   );
 };