diff --git a/dev-dist/sw.js b/dev-dist/sw.js
index 92d566b..21173fd 100644
--- a/dev-dist/sw.js
+++ b/dev-dist/sw.js
@@ -82,7 +82,7 @@ define(['./workbox-54d0af47'], (function (workbox) { 'use strict';
     "revision": "3ca0b8505b4bec776b69afdba2768812"
   }, {
     "url": "index.html",
-    "revision": "0.o063ar5rjc"
+    "revision": "0.g1faafl9ja8"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
diff --git a/src/Layouts/DefaultLayout.tsx b/src/Layouts/DefaultLayout.tsx
index face04c..dc62e93 100644
--- a/src/Layouts/DefaultLayout.tsx
+++ b/src/Layouts/DefaultLayout.tsx
@@ -31,11 +31,11 @@ const DefaultLayout: FC<{ children: React.ReactNode }> = ({ children }) => {
       w="100%"
       h="100vh"
     >
-      <VStack zIndex={1} gap={0} rounded={"lg"} h="100%" w="15%">
+      <VStack  zIndex={1} gap={0} rounded={"lg"} h="100%" w="15%">
         <HStack w={"100%"} p={3} h={"6.5%"} justifyContent={"center"}>
           <Image w={55} src={logo} />
         </HStack>
-        <VStack  w={"100%"} p={3}>
+        <VStack overflowY="scroll" w={"100%"} p={3}>
           {nav?.map(({ title, path, Icon, type, children, initPath }, index) =>
             type === "single" ? (
               <NavLink
diff --git a/src/Pages/ManageUser/RegisterUsers/RegisterUsers.tsx b/src/Pages/ManageUser/RegisterUsers/RegisterUsers.tsx
index 704abef..cfb797d 100644
--- a/src/Pages/ManageUser/RegisterUsers/RegisterUsers.tsx
+++ b/src/Pages/ManageUser/RegisterUsers/RegisterUsers.tsx
@@ -152,6 +152,167 @@ const usersData: any[] = [
       </HStack>
     ),
   },
+  {
+    "Sr. No": 6,
+    "First Name": "Ritesh",
+    "Mobile number": "9876543210",
+    Gender: "Male",
+    DOB: "15-01-1990",
+    "Type of User": "Admin",
+    Language: "English",
+    "Activate/Deactivate": (
+      <HStack>
+        <Text>Yes</Text>
+        <Switch size="sm" colorPalette="teal" />
+        <Text>No</Text>
+      </HStack>
+    ),
+    Action: (
+      <HStack gap={2}>
+        <FaRegEye cursor="pointer" size="18px" />
+        <CiEdit cursor="pointer" size="18px" />
+        <RiDeleteBin5Line cursor="pointer" size="18px" />
+      </HStack>
+    ),
+  },
+  {
+    "Sr. No": 6,
+    "First Name": "Ritesh",
+    "Mobile number": "9876543210",
+    Gender: "Male",
+    DOB: "15-01-1990",
+    "Type of User": "Admin",
+    Language: "English",
+    "Activate/Deactivate": (
+      <HStack>
+        <Text>Yes</Text>
+        <Switch size="sm" colorPalette="teal" />
+        <Text>No</Text>
+      </HStack>
+    ),
+    Action: (
+      <HStack gap={2}>
+        <FaRegEye cursor="pointer" size="18px" />
+        <CiEdit cursor="pointer" size="18px" />
+        <RiDeleteBin5Line cursor="pointer" size="18px" />
+      </HStack>
+    ),
+  },
+  {
+    "Sr. No": 7,
+    "First Name": "Ritesh",
+    "Mobile number": "9876543210",
+    Gender: "Male",
+    DOB: "15-01-1990",
+    "Type of User": "Admin",
+    Language: "English",
+    "Activate/Deactivate": (
+      <HStack>
+        <Text>Yes</Text>
+        <Switch size="sm" colorPalette="teal" />
+        <Text>No</Text>
+      </HStack>
+    ),
+    Action: (
+      <HStack gap={2}>
+        <FaRegEye cursor="pointer" size="18px" />
+        <CiEdit cursor="pointer" size="18px" />
+        <RiDeleteBin5Line cursor="pointer" size="18px" />
+      </HStack>
+    ),
+  },
+  {
+    "Sr. No": 7,
+    "First Name": "Ritesh",
+    "Mobile number": "9876543210",
+    Gender: "Male",
+    DOB: "15-01-1990",
+    "Type of User": "Admin",
+    Language: "English",
+    "Activate/Deactivate": (
+      <HStack>
+        <Text>Yes</Text>
+        <Switch size="sm" colorPalette="teal" />
+        <Text>No</Text>
+      </HStack>
+    ),
+    Action: (
+      <HStack gap={2}>
+        <FaRegEye cursor="pointer" size="18px" />
+        <CiEdit cursor="pointer" size="18px" />
+        <RiDeleteBin5Line cursor="pointer" size="18px" />
+      </HStack>
+    ),
+  },
+  {
+    "Sr. No": 8,
+    "First Name": "Ritesh",
+    "Mobile number": "9876543210",
+    Gender: "Male",
+    DOB: "15-01-1990",
+    "Type of User": "Admin",
+    Language: "English",
+    "Activate/Deactivate": (
+      <HStack>
+        <Text>Yes</Text>
+        <Switch size="sm" colorPalette="teal" />
+        <Text>No</Text>
+      </HStack>
+    ),
+    Action: (
+      <HStack gap={2}>
+        <FaRegEye cursor="pointer" size="18px" />
+        <CiEdit cursor="pointer" size="18px" />
+        <RiDeleteBin5Line cursor="pointer" size="18px" />
+      </HStack>
+    ),
+  },
+  {
+    "Sr. No": 9,
+    "First Name": "Ritesh",
+    "Mobile number": "9876543210",
+    Gender: "Male",
+    DOB: "15-01-1990",
+    "Type of User": "Admin",
+    Language: "English",
+    "Activate/Deactivate": (
+      <HStack>
+        <Text>Yes</Text>
+        <Switch size="sm" colorPalette="teal" />
+        <Text>No</Text>
+      </HStack>
+    ),
+    Action: (
+      <HStack gap={2}>
+        <FaRegEye cursor="pointer" size="18px" />
+        <CiEdit cursor="pointer" size="18px" />
+        <RiDeleteBin5Line cursor="pointer" size="18px" />
+      </HStack>
+    ),
+  },
+  {
+    "Sr. No": 10,
+    "First Name": "Ritesh",
+    "Mobile number": "9876543210",
+    Gender: "Male",
+    DOB: "15-01-1990",
+    "Type of User": "Admin",
+    Language: "English",
+    "Activate/Deactivate": (
+      <HStack>
+        <Text>Yes</Text>
+        <Switch size="sm" colorPalette="teal" />
+        <Text>No</Text>
+      </HStack>
+    ),
+    Action: (
+      <HStack gap={2}>
+        <FaRegEye cursor="pointer" size="18px" />
+        <CiEdit cursor="pointer" size="18px" />
+        <RiDeleteBin5Line cursor="pointer" size="18px" />
+      </HStack>
+    ),
+  },
 ];
 
 const RegisterUsers = () => {
@@ -184,20 +345,20 @@ const RegisterUsers = () => {
       </HStack>
 
       <DataTable tableHeadRow={tableHeadRow} data={usersData} />
-
       <PaginationRoot
         p={4}
         mt={8}
         count={usersData.length}
-        pageSize={2}
+        pageSize={3}
         defaultPage={1}
       >
-        <HStack>
+        <HStack justifyContent="flex-end" mb={5} >
           {/* <PaginationPrevTrigger /> */}
           <PaginationItems />
           <PaginationNextTrigger />
         </HStack>
       </PaginationRoot>
+
     </MainFrame>
   );
 };
diff --git a/src/Pages/Profile/Profile.tsx b/src/Pages/Profile/Profile.tsx
index ff8f49e..3298d63 100644
--- a/src/Pages/Profile/Profile.tsx
+++ b/src/Pages/Profile/Profile.tsx
@@ -1,11 +1,60 @@
-import MainFrame from "../../components/MainFrame"
+import { Circle, HStack, Image, Input, Text, VStack } from "@chakra-ui/react";
+import MainFrame from "../../components/MainFrame";
+import mypfp from "../../assets/profile-Avtars/mypfp.png";
+import { FaCamera } from "react-icons/fa";
+import { Field } from "../../components/ui/field";
+import { Button } from "../../components/ui/button";
 
 const Profile = () => {
   return (
-    <MainFrame >
+    <MainFrame>
+      <VStack gap={4} p={4} alignItems="flex-start">
+        <Circle height="113px" width="113px" position="relative">
+          <Image src={mypfp} height="100%" />
+          <span style={{ position: "absolute", right: "25px", bottom: "0" }}>
+            <FaCamera color="black" />
+          </span>
+        </Circle>
 
+        <VStack alignItems="flex-start">
+          <Text color="#1C1C1C" fontWeight={700}>
+            Jackson David
+          </Text>
+          <Text color="#090909" fontWeight={400} fontSize={"sm"}>
+            Employee ID: #1245679
+          </Text>
+        </VStack>
+
+        <VStack alignItems="flex-start">
+          <HStack>
+            <Field color="black" w="30vw" label="First Name">
+              <Input color="teal" _placeholder={{ color: "inherit" }} />
+            </Field>
+            <Field color="black" w="30vw" label="Last Name">
+              <Input color="teal" _placeholder={{ color: "inherit" }} />
+            </Field>
+          </HStack>
+          <Field color="black" w="30vw" label="Phone Number">
+            <Input color="teal" _placeholder={{ color: "inherit" }} />
+          </Field>
+        </VStack>
+        <VStack alignItems="flex-start">
+          <Text color="#1C1C1C" fontSize="sm" fontWeight={700}>
+            Update Password
+          </Text>
+          <Button
+            color="white"
+            borderRadius="94px"
+            bgColor="#02A0A0"
+            w="227px"
+            p={2}
+          >
+            Change Password
+          </Button>
+        </VStack>
+      </VStack>
     </MainFrame>
-  )
-}
+  );
+};
 
-export default Profile
\ No newline at end of file
+export default Profile;
diff --git a/src/Routes/Nav.ts b/src/Routes/Nav.ts
index 5c3852d..1e4c231 100644
--- a/src/Routes/Nav.ts
+++ b/src/Routes/Nav.ts
@@ -3,96 +3,135 @@ import { GoDotFill } from "react-icons/go";
 import { PiHeadphonesBold } from "react-icons/pi";
 import { RiUserSettingsLine } from "react-icons/ri";
 import { TbEdit, TbLayoutDashboard } from "react-icons/tb";
-import { TiDocumentText, TiUserAddOutline, TiUserOutline } from "react-icons/ti";
-
-
+import {
+  TiDocumentText,
+  TiUserAddOutline,
+  TiUserOutline,
+} from "react-icons/ti";
 
 export const nav = [
-    
-        {
-          title: "Dashboard",
-          path: "/",
-          Icon: TbLayoutDashboard,
-          type:'single'
-        },
-        {
-          title: "Manage Users",
-          path: "/manage-user/register-user",
-          initPath:'/manage-user',
-          Icon: TiUserOutline,
-          type:'multiple',
-          children: [
-            {
-              title: "Register Users",
-              path: "/manage-user/register-user",
-              Icon: GoDotFill,
-            },
-            {
-              title: "Deactivated Accounts",
-              path: "/manage-user/deactivate-accounts",
-              Icon: GoDotFill,
-            },
-          ],
-        },
-        {
-          title: "Manage Post",
-          path: "/manage-post",
-          Icon: TbEdit,
-          type:'single'
-        },
-        {
-          title: "Manage Sub-Admin",
-          path: "/manage-sub-admin",
-          Icon: TiUserAddOutline,
-          type:'single'
-        },
-        {
-          title: "Manage Jobs",
-          path: "/manage-jobs",
-          Icon: CgWorkAlt,
-          type:'single'
-        },
-        {
-          title: "Manage Contact Us",
-          path: "/manage-contact-us",
-          Icon: PiHeadphonesBold,
-          type:'single'
-        },
-        
-        {
-          title: "Manage CMS",
-          initPath:'/manage-cms',
-          path: "/manage-cms/faq",
-          Icon: TiDocumentText,
-          type:'multiple',
-          children: [
-            {
-              title: "FAQ",
-              path: "/manage-cms/faq",
-              Icon: GoDotFill,
-            },
-            {
-              title: "About Us",
-              path: "/manage-cms/about-us",
-              Icon: GoDotFill,
-            },
-            {
-              title: "Privacy Policy",
-              path: "/manage-cms/privacy-policy",
-              Icon: GoDotFill,
-            },
-            {
-              title: "Terms And Conditions",
-              path: "/manage-cms/terms-and-condition",
-              Icon: GoDotFill,
-            },
-          ],
-        },
-        {
-          title: "My Profile",
-          path: "/profile",
-          Icon: RiUserSettingsLine,
-          type:'single'
-        },
-        
-  ];
\ No newline at end of file
+  {
+    title: "Dashboard",
+    path: "/",
+    Icon: TbLayoutDashboard,
+    type: "single",
+  },
+  {
+    title: "Manage Users",
+    path: "/manage-user/register-user",
+    initPath: "/manage-user",
+    Icon: TiUserOutline,
+    type: "multiple",
+    children: [
+      {
+        title: "Register Users",
+        path: "/manage-user/register-user",
+        Icon: GoDotFill,
+      },
+      {
+        title: "Deactivated Accounts",
+        path: "/manage-user/deactivate-accounts",
+        Icon: GoDotFill,
+      },
+    ],
+  },
+  {
+    title: "Manage Post",
+    path: "/manage-post",
+    Icon: TbEdit,
+    type: "single",
+  },
+  {
+    title: "Manage Sub-Admin",
+    path: "/manage-sub-admin",
+    Icon: TiUserAddOutline,
+    type: "single",
+  },
+  {
+    title: "Manage Jobs",
+    path: "/manage-jobs",
+    Icon: CgWorkAlt,
+    type: "single",
+  },
+  {
+    title: "Manage Contact Us",
+    path: "/manage-contact-us",
+    Icon: PiHeadphonesBold,
+    type: "single",
+  },
+
+  {
+    title: "Manage CMS",
+    initPath: "/manage-cms",
+    path: "/manage-cms/faq",
+    Icon: TiDocumentText,
+    type: "multiple",
+    children: [
+      {
+        title: "FAQ",
+        path: "/manage-cms/faq",
+        Icon: GoDotFill,
+      },
+      {
+        title: "About Us",
+        path: "/manage-cms/about-us",
+        Icon: GoDotFill,
+      },
+      {
+        title: "Privacy Policy",
+        path: "/manage-cms/privacy-policy",
+        Icon: GoDotFill,
+      },
+      {
+        title: "Terms And Conditions",
+        path: "/manage-cms/terms-and-condition",
+        Icon: GoDotFill,
+      },
+    ],
+  },
+  {
+    title: "My Profile",
+    path: "/profile",
+    Icon: RiUserSettingsLine,
+    type: "single",
+  },
+  {
+    title: "Master Module",
+    initPath: "/master-module",
+    path: "/master-module/agency-master",
+    Icon: TiDocumentText,
+    type: "multiple",
+    children: [
+      {
+        title: "Agency Master",
+        path: "/master-module/agency-master",
+        Icon: GoDotFill,
+      },
+      {
+        title: "Template Master",
+        path: "/master-module/template-master",
+        Icon: GoDotFill,
+      },
+      {
+        title: "Job Type",
+        path: "/master-module/job-type",
+        Icon: GoDotFill,
+      },
+      {
+        title: "Workspace model",
+        path: "/master-module/workspace-model",
+        Icon: GoDotFill,
+      },
+      {
+        title: "Country",
+        path: "/master-module/country",
+        Icon: GoDotFill,
+      },
+      {
+        title: "Job Status",
+        path: "/master-module/job-status",
+        Icon: GoDotFill,
+      },
+    ],
+  },
+];
diff --git a/src/Routes/Routes.ts b/src/Routes/Routes.ts
index 6157151..df63538 100644
--- a/src/Routes/Routes.ts
+++ b/src/Routes/Routes.ts
@@ -1,4 +1,3 @@
-
 import Dashboard from "../Pages/Dashboard/Dashboard";
 import AboutUs from "../Pages/ManageCMS/AboutUs/AboutUs";
 import FreqAskQuestion from "../Pages/ManageCMS/FAQ/FreqAskQuestion";
@@ -11,45 +10,22 @@ import DeactivatedAccounts from "../Pages/ManageUser/DeactivatedAccounts/Deactiv
 import RegisterUsers from "../Pages/ManageUser/RegisterUsers/RegisterUsers";
 import Profile from "../Pages/Profile/Profile";
 export const RouteLink = [
-    { path: "/", Component: Dashboard },
-    { path: "/manage-user/register-user", Component: RegisterUsers },
-    { path: "/manage-user/deactivate-accounts", Component: DeactivatedAccounts },
-    { path: "/manage-post", Component: ManagePost },
-    { path: "/manage-sub-admin", Component: ManageSubAdmin },
-    { path: "/manage-jobs", Component: ManageJobs },
-    { path: "/manage-contact-us", Component: ManageContactUs },
-    { path: "/manage-cms/faq", Component: FreqAskQuestion },
+  { path: "/", Component: Dashboard },
+  { path: "/manage-user/register-user", Component: RegisterUsers },
+  { path: "/manage-user/deactivate-accounts", Component: DeactivatedAccounts },
+  { path: "/manage-post", Component: ManagePost },
+  { path: "/manage-sub-admin", Component: ManageSubAdmin },
+  { path: "/manage-jobs", Component: ManageJobs },
+  { path: "/manage-contact-us", Component: ManageContactUs },
+  { path: "/manage-cms/faq", Component: FreqAskQuestion },
 
+  { path: "/manage-cms/about-us", Component: AboutUs },
 
+  { path: "/manage-cms/privacy-policy", Component: PrivacyPolicy },
 
-    { path: "/manage-cms/about-us", Component: AboutUs },
+  { path: "/manage-cms/terms-and-condition", Component: PrivacyPolicy },
 
+  { path: "/profile", Component: Profile },
 
-
-    { path: "/manage-cms/privacy-policy", Component: PrivacyPolicy },
-
-
-    { path: "/manage-cms/terms-and-condition", Component: PrivacyPolicy },
-
-
-
-
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    { path: "/profile", Component: Profile},
-]
\ No newline at end of file
+  { path: "/my-profile", Component: Profile },
+];
diff --git a/src/assets/profile-Avtars/mypfp.png b/src/assets/profile-Avtars/mypfp.png
new file mode 100644
index 0000000..8b8ba46
Binary files /dev/null and b/src/assets/profile-Avtars/mypfp.png differ
diff --git a/src/components/MainFrame.tsx b/src/components/MainFrame.tsx
index 1adcf9e..8d9f19c 100644
--- a/src/components/MainFrame.tsx
+++ b/src/components/MainFrame.tsx
@@ -16,7 +16,7 @@ const MainFrame: FC<MainFrameProps> = ({ children }) => {
     <MotionVStack overflowY="scroll" {...OPACITY_ON_LOAD} w="100%" h="94.5%"  p={3} ps={1} pt={3}   >
       <Box
         w="100%"
-        h="100%"
+        h="100vh"
         bg="#ffffff"
         rounded="md"
         boxShadow={'rgba(99, 99, 99, 0.2) 0px 2px 8px 0px'}
diff --git a/src/components/ui/pagination.tsx b/src/components/ui/pagination.tsx
index fc21919..cccf059 100644
--- a/src/components/ui/pagination.tsx
+++ b/src/components/ui/pagination.tsx
@@ -100,7 +100,12 @@ export const PaginationItem = React.forwardRef<
 
   return (
     <ChakraPagination.Item ref={ref} {...props} asChild>
-      <Button variant={variant} size={size}>
+      <Button
+        bgColor={current ? "#02A0A0" : "white"}
+        color="black"
+        variant={variant}
+        size={size}
+      >
         {props.value}
       </Button>
     </ChakraPagination.Item>
@@ -174,18 +179,16 @@ export const PaginationItems = (props: React.HTMLAttributes<HTMLElement>) => {
   return (
     <ChakraPagination.Context>
       {({ pages }) =>
-        pages.map((page, index) => {
-          return page.type === "ellipsis" ? (
-            <PaginationEllipsis key={index} index={index} {...props} />
-          ) : (
-            <PaginationItem
-              key={index}
-              type="page"
-              value={page.value}
-              {...props}
-            />
-          );
-        })
+        pages.map((page, index) => (
+          <PaginationItem
+            _hover={{ bgColor: "#02A0A0" }}
+            border="none"
+            key={index}
+            type="page"
+            value={page.value}
+            {...props}
+          />
+        ))
       }
     </ChakraPagination.Context>
   );