diff --git a/src/components/PageHeader/PageHeader.tsx b/src/components/PageHeader/PageHeader.tsx
index ca7ad3a..3e469d4 100644
--- a/src/components/PageHeader/PageHeader.tsx
+++ b/src/components/PageHeader/PageHeader.tsx
@@ -1,8 +1,16 @@
-import { Box, Typography, Button, Menu, MenuItem } from "@mui/material";
+import {
+  Box,
+  Typography,
+  Button,
+  Menu,
+  MenuItem,
+  IconButton,
+} from "@mui/material";
 import { useState } from "react";
 import { Link, useNavigate } from "react-router-dom";
 import useUserStore from "@stores/useUserStore";
 import AccountCircleIcon from "@mui/icons-material/AccountCircle";
+import ArrowBackIcon from "@mui/icons-material/ArrowBackIos";
 
 interface PageHeaderProps {
   title: string;
@@ -46,13 +54,28 @@ const PageHeader = ({ title, userName, action }: PageHeaderProps) => {
         boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.05)",
       }}
     >
-      <Typography
-        variant="h5"
-        component="h1"
-        sx={{ fontWeight: "bold", color: "#222222" }}
-      >
-        {title}
-      </Typography>
+      <Box sx={{ display: "flex", alignItems: "center", gap: 2 }}>
+        {
+          <IconButton
+            onClick={() => navigate(-1)}
+            sx={{
+              color: "#164F9E",
+              "&:hover": {
+                backgroundColor: "rgba(22, 79, 158, 0.04)",
+              },
+            }}
+          >
+            <ArrowBackIcon />
+          </IconButton>
+        }
+        <Typography
+          variant="h5"
+          component="h1"
+          sx={{ fontWeight: "bold", color: "#222222" }}
+        >
+          {title}
+        </Typography>
+      </Box>
 
       <Box sx={{ display: "flex", alignItems: "center", gap: 2 }}>
         {action}