diff --git a/Dashboard/src/Components/Header/Header.tsx b/Dashboard/src/Components/Header/Header.tsx
index 07ef05cb28..284b1bab42 100644
--- a/Dashboard/src/Components/Header/Header.tsx
+++ b/Dashboard/src/Components/Header/Header.tsx
@@ -212,7 +212,7 @@ const DashboardHeader: FunctionComponent<ComponentProps> = (
                         )}
                         <Help />
                         <UserProfile
-                            onClickUserProfle={() => {
+                            onClickUserProfile={() => {
                                 Navigation.navigate(
                                     RouteMap[PageMap.USER_PROFILE_OVERVIEW]!
                                 );
diff --git a/Dashboard/src/Components/Header/UserProfile.tsx b/Dashboard/src/Components/Header/UserProfile.tsx
index 28389b3ad6..9c01d05638 100644
--- a/Dashboard/src/Components/Header/UserProfile.tsx
+++ b/Dashboard/src/Components/Header/UserProfile.tsx
@@ -9,7 +9,7 @@ import IconDropdownItem from 'CommonUI/src/Components/Header/IconDropdown/IconDr
 import IconDropdownMenu from 'CommonUI/src/Components/Header/IconDropdown/IconDropdownMenu';
 
 export interface ComponentProps {
-    onClickUserProfle: () => void;
+    onClickUserProfile: () => void;
 }
 
 const DashboardUserProfile: FunctionComponent<ComponentProps> = (
@@ -32,7 +32,7 @@ const DashboardUserProfile: FunctionComponent<ComponentProps> = (
                         title="Profile"
                         onClick={() => {
                             setIsDropdownVisible(false);
-                            props.onClickUserProfle();
+                            props.onClickUserProfile();
                         }}
                         icon={IconProp.User}
                     />