diff --git a/apps/applicant-tracking/src/app/applicants/history/page.tsx b/apps/applicant-tracking/src/app/applicants/history/page.tsx
index 826fa920..543dc0d6 100644
--- a/apps/applicant-tracking/src/app/applicants/history/page.tsx
+++ b/apps/applicant-tracking/src/app/applicants/history/page.tsx
@@ -1,69 +1,172 @@
 'use client';
 import Typography from '@mui/material/Typography';
 import { LineChart } from '@mui/x-charts/LineChart';
-import Button from '@mui/material/Button'
+import Button from '@mui/material/Button';
 import Box from '@mui/material/Box';
 import { Circle } from '@mui/icons-material';
+import FormControl from '@mui/material/FormControl';
+import NativeSelect from '@mui/material/NativeSelect';
 
-const data = [{date: '2023', ap: 50, ac: 25, ret: 10}, {date: '2024', ap: 30, ac: 70, ret: 60}, {date: '2025', ap: 80, ac: 60, ret: 30}];
+const data = [
+  { date: '2023', ap: 50, ac: 25, ret: 10 },
+  { date: '2024', ap: 30, ac: 70, ret: 60 },
+  { date: '2025', ap: 80, ac: 60, ret: 30 },
+];
 const graphKeys = {
-'&:hover': {
-  backgroundColor: '#999999',
+  '&:hover': {
+    backgroundColor: '#999999',
+    color: 'black',
+  },
+  borderRadius: '0px',
+  width: '125px',
+  bgcolor: '#d9d9d9',
+  outline: 'solid',
+  outlineColor: '#444444',
   color: 'black',
-},
-borderRadius: '0px',
-width: '125px', 
-bgcolor: '#d9d9d9', 
-outline: 'solid', 
-outlineColor: '#444444', 
-color: 'black', 
-height: '30px', 
-textTransform: 'none',
-m: 2
-}
+  height: '30px',
+  textTransform: 'none',
+  m: 2,
+};
 
 export default function HistoryPage() {
-    return (
+  return (
     <>
-    <Typography variant='h4' align='center' style={{padding: '10px'}}>History</Typography>
-    <Box sx={{ width: '95%', height: 5, bgcolor: 'orange', margin: 'auto'}} />
+      <Typography variant="h4" align="center" style={{ padding: '10px' }}>
+        History
+      </Typography>
+      <Box
+        sx={{ width: '95%', height: 5, bgcolor: 'orange', margin: 'auto' }}
+      />
+
+      <Box
+        sx={{
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center',
+          marginTop: 4,
+          marginBottom: 6,
+          marginRight: '1%',
+          // Giving space betweent the 2 filters
+          gap: 5,
+        }}
+      >
+        <FormControl
+          sx={{
+            minWidth: 150,
+            border: '2px solid',
+            borderColor: 'grey.700',
+            borderRadius: 1,
+            backgroundColor: 'white',
+            justifyContent: 'center',
+          }}
+        >
+          <NativeSelect
+            defaultValue={1}
+            inputProps={{
+              id: 'uncontrolled-native',
+            }}
+          >
+            {/* The content inside the filters like dates could be updated in the future
+                depending upon the need */}
+            <option value={1}>Fall 2023</option>
+            <option value={2}>Fall 2024</option>
+          </NativeSelect>
+        </FormControl>
+        <Typography sx={{ mx: 0.5 }}> To </Typography>
+        <FormControl
+          sx={{
+            minWidth: 150,
+            border: '2px solid',
+            borderColor: 'grey.700',
+            borderRadius: 1,
+            backgroundColor: 'white',
+            justifyContent: 'center',
+          }}
+        >
+          <NativeSelect
+            defaultValue={2}
+            inputProps={{
+              id: 'uncontrolled-native',
+            }}
+          >
+            {/* The content inside the filters like dates could be updated in the future
+                depending upon the need */}
+            <option value={1}>Fall 2023</option>
+            <option value={2}>Fall 2024</option>
+          </NativeSelect>
+        </FormControl>
+      </Box>
 
-    <div style={{display: 'flex', justifyContent: 'center', alignItems: 'center'}}>
-      <Button variant='contained' startIcon={<Circle style={{fill: '#72b8cc'}}/>} sx={graphKeys}>Applications</Button>
-      <Button variant='contained' startIcon={<Circle style={{fill: '#ab6563'}}/>} sx={graphKeys}>Admitted</Button>
-      <Button variant='contained' startIcon={<Circle style={{fill: '#e3a457'}}/>} sx={graphKeys}>Retention</Button>
-    </div>
-    <div style={{display: 'flex', justifyContent: 'center', alignItems: 'center'}}>
-    <LineChart
-      xAxis={[{          
-        dataKey: 'date',
-        scaleType: 'point',
-      }]}
-      yAxis={[{
-        min: 0,
-      }]}
-      series={[
-        {
-          curve: "linear",
-          dataKey:"ap",
-          color:"#72b8cc",
-        },
-        {
-          curve: "linear",
-          dataKey:"ac",
-          color:"#ab6563",
-        },
-        {
-          curve: "linear",
-          dataKey:"ret",
-          color:"#e3a457",
-        },
-      ]}
-      dataset={data}
-      width={500}
-      height={300}
-    />
-    </div>
+      <div
+        style={{
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center',
+        }}
+      >
+        <Button
+          variant="contained"
+          startIcon={<Circle style={{ fill: '#72b8cc' }} />}
+          sx={graphKeys}
+        >
+          Applications
+        </Button>
+        <Button
+          variant="contained"
+          startIcon={<Circle style={{ fill: '#ab6563' }} />}
+          sx={graphKeys}
+        >
+          Admitted
+        </Button>
+        <Button
+          variant="contained"
+          startIcon={<Circle style={{ fill: '#e3a457' }} />}
+          sx={graphKeys}
+        >
+          Retention
+        </Button>
+      </div>
+      <div
+        style={{
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center',
+        }}
+      >
+        <LineChart
+          xAxis={[
+            {
+              dataKey: 'date',
+              scaleType: 'point',
+            },
+          ]}
+          yAxis={[
+            {
+              min: 0,
+            },
+          ]}
+          series={[
+            {
+              curve: 'linear',
+              dataKey: 'ap',
+              color: '#72b8cc',
+            },
+            {
+              curve: 'linear',
+              dataKey: 'ac',
+              color: '#ab6563',
+            },
+            {
+              curve: 'linear',
+              dataKey: 'ret',
+              color: '#e3a457',
+            },
+          ]}
+          dataset={data}
+          width={500}
+          height={300}
+        />
+      </div>
     </>
-  )
-  }
\ No newline at end of file
+  );
+}
diff --git a/package-lock.json b/package-lock.json
index 53a211d8..f686a2f9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -399,9 +399,9 @@
       }
     },
     "apps/member-portal/node_modules/@next/swc-darwin-arm64": {
-      "version": "13.5.7",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.5.7.tgz",
-      "integrity": "sha512-7SxmxMex45FvKtRoP18eftrDCMyL6WQVYJSEE/s7A1AW/fCkznxjEShKet2iVVzf89gWp8HbXGaL4hCaseux6g==",
+      "version": "15.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.3.0.tgz",
+      "integrity": "sha512-PDQcByT0ZfF2q7QR9d+PNj3wlNN4K6Q8JoHMwFyk252gWo4gKt7BF8Y2+KBgDjTFBETXZ/TkBEUY7NIIY7A/Kw==",
       "cpu": [
         "arm64"
       ],
@@ -414,9 +414,9 @@
       }
     },
     "apps/member-portal/node_modules/@next/swc-darwin-x64": {
-      "version": "13.5.7",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.5.7.tgz",
-      "integrity": "sha512-6iENvgyIkGFLFszBL4b1VfEogKC3TDPEB6/P/lgxmgXVXIV09Q4or1MVn+U/tYyYmm7oHMZ3oxGpHAyJ80nA6g==",
+      "version": "15.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.3.0.tgz",
+      "integrity": "sha512-m+eO21yg80En8HJ5c49AOQpFDq+nP51nu88ZOMCorvw3g//8g1JSUsEiPSiFpJo1KCTQ+jm9H0hwXK49H/RmXg==",
       "cpu": [
         "x64"
       ],
@@ -429,9 +429,9 @@
       }
     },
     "apps/member-portal/node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "13.5.7",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.5.7.tgz",
-      "integrity": "sha512-P42jDX56wu9zEdVI+Xv4zyTeXB3DpqgE1Gb4bWrc0s2RIiDYr6uKBprnOs1hCGIwfVyByxyTw5Va66QCdFFNUg==",
+      "version": "15.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.3.0.tgz",
+      "integrity": "sha512-H0Kk04ZNzb6Aq/G6e0un4B3HekPnyy6D+eUBYPJv9Abx8KDYgNMWzKt4Qhj57HXV3sTTjsfc1Trc1SxuhQB+Tg==",
       "cpu": [
         "arm64"
       ],
@@ -444,9 +444,9 @@
       }
     },
     "apps/member-portal/node_modules/@next/swc-linux-arm64-musl": {
-      "version": "13.5.7",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.5.7.tgz",
-      "integrity": "sha512-A06vkj+8X+tLRzSja5REm/nqVOCzR+x5Wkw325Q/BQRyRXWGCoNbQ6A+BR5M86TodigrRfI3lUZEKZKe3QJ9Bg==",
+      "version": "15.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.3.0.tgz",
+      "integrity": "sha512-k8GVkdMrh/+J9uIv/GpnHakzgDQhrprJ/FbGQvwWmstaeFG06nnAoZCJV+wO/bb603iKV1BXt4gHG+s2buJqZA==",
       "cpu": [
         "arm64"
       ],
@@ -459,9 +459,9 @@
       }
     },
     "apps/member-portal/node_modules/@next/swc-linux-x64-gnu": {
-      "version": "13.5.7",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.5.7.tgz",
-      "integrity": "sha512-UdHm7AlxIbdRdMsK32cH0EOX4OmzAZ4Xm+UVlS0YdvwLkI3pb7AoBEoVMG5H0Wj6Wpz6GNkrFguHTRLymTy6kw==",
+      "version": "15.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.3.0.tgz",
+      "integrity": "sha512-ZMQ9yzDEts/vkpFLRAqfYO1wSpIJGlQNK9gZ09PgyjBJUmg8F/bb8fw2EXKgEaHbCc4gmqMpDfh+T07qUphp9A==",
       "cpu": [
         "x64"
       ],
@@ -474,9 +474,9 @@
       }
     },
     "apps/member-portal/node_modules/@next/swc-linux-x64-musl": {
-      "version": "13.5.7",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.5.7.tgz",
-      "integrity": "sha512-c50Y8xBKU16ZGj038H6C13iedRglxvdQHD/1BOtes56gwUrIRDX2Nkzn3mYtpz3Wzax0gfAF9C0Nqljt93IxvA==",
+      "version": "15.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.3.0.tgz",
+      "integrity": "sha512-RFwq5VKYTw9TMr4T3e5HRP6T4RiAzfDJ6XsxH8j/ZeYq2aLsBqCkFzwMI0FmnSsLaUbOb46Uov0VvN3UciHX5A==",
       "cpu": [
         "x64"
       ],
@@ -489,9 +489,9 @@
       }
     },
     "apps/member-portal/node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "13.5.7",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.5.7.tgz",
-      "integrity": "sha512-NcUx8cmkA+JEp34WNYcKW6kW2c0JBhzJXIbw+9vKkt9m/zVJ+KfizlqmoKf04uZBtzFN6aqE2Fyv2MOd021WIA==",
+      "version": "15.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.3.0.tgz",
+      "integrity": "sha512-a7kUbqa/k09xPjfCl0RSVAvEjAkYBYxUzSVAzk2ptXiNEL+4bDBo9wNC43G/osLA/EOGzG4CuNRFnQyIHfkRgQ==",
       "cpu": [
         "arm64"
       ],
@@ -519,9 +519,9 @@
       }
     },
     "apps/member-portal/node_modules/@next/swc-win32-x64-msvc": {
-      "version": "13.5.7",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.5.7.tgz",
-      "integrity": "sha512-PLyD3Dl6jTTkLG8AoqhPGd5pXtSs8wbqIhWPQt3yEMfnYld/dGYuF2YPs3YHaVFrijCIF9pXY3+QOyvP23Zn7g==",
+      "version": "15.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.3.0.tgz",
+      "integrity": "sha512-vHUQS4YVGJPmpjn7r5lEZuMhK5UQBNBRSB+iGDvJjaNk649pTIcRluDWNb9siunyLLiu/LDPHfvxBtNamyuLTw==",
       "cpu": [
         "x64"
       ],
@@ -13740,126 +13740,6 @@
       "engines": {
         "node": ">=16.20.1"
       }
-    },
-    "apps/member-portal/node_modules/@next/swc-darwin-arm64": {
-      "version": "15.3.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.3.0.tgz",
-      "integrity": "sha512-PDQcByT0ZfF2q7QR9d+PNj3wlNN4K6Q8JoHMwFyk252gWo4gKt7BF8Y2+KBgDjTFBETXZ/TkBEUY7NIIY7A/Kw==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "apps/member-portal/node_modules/@next/swc-darwin-x64": {
-      "version": "15.3.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.3.0.tgz",
-      "integrity": "sha512-m+eO21yg80En8HJ5c49AOQpFDq+nP51nu88ZOMCorvw3g//8g1JSUsEiPSiFpJo1KCTQ+jm9H0hwXK49H/RmXg==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "apps/member-portal/node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "15.3.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.3.0.tgz",
-      "integrity": "sha512-H0Kk04ZNzb6Aq/G6e0un4B3HekPnyy6D+eUBYPJv9Abx8KDYgNMWzKt4Qhj57HXV3sTTjsfc1Trc1SxuhQB+Tg==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "apps/member-portal/node_modules/@next/swc-linux-arm64-musl": {
-      "version": "15.3.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.3.0.tgz",
-      "integrity": "sha512-k8GVkdMrh/+J9uIv/GpnHakzgDQhrprJ/FbGQvwWmstaeFG06nnAoZCJV+wO/bb603iKV1BXt4gHG+s2buJqZA==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "apps/member-portal/node_modules/@next/swc-linux-x64-gnu": {
-      "version": "15.3.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.3.0.tgz",
-      "integrity": "sha512-ZMQ9yzDEts/vkpFLRAqfYO1wSpIJGlQNK9gZ09PgyjBJUmg8F/bb8fw2EXKgEaHbCc4gmqMpDfh+T07qUphp9A==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "apps/member-portal/node_modules/@next/swc-linux-x64-musl": {
-      "version": "15.3.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.3.0.tgz",
-      "integrity": "sha512-RFwq5VKYTw9TMr4T3e5HRP6T4RiAzfDJ6XsxH8j/ZeYq2aLsBqCkFzwMI0FmnSsLaUbOb46Uov0VvN3UciHX5A==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "apps/member-portal/node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "15.3.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.3.0.tgz",
-      "integrity": "sha512-a7kUbqa/k09xPjfCl0RSVAvEjAkYBYxUzSVAzk2ptXiNEL+4bDBo9wNC43G/osLA/EOGzG4CuNRFnQyIHfkRgQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "apps/member-portal/node_modules/@next/swc-win32-x64-msvc": {
-      "version": "15.3.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.3.0.tgz",
-      "integrity": "sha512-vHUQS4YVGJPmpjn7r5lEZuMhK5UQBNBRSB+iGDvJjaNk649pTIcRluDWNb9siunyLLiu/LDPHfvxBtNamyuLTw==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
     }
   }
 }
diff --git a/package.json b/package.json
index 313ec69a..535f0f18 100644
--- a/package.json
+++ b/package.json
@@ -40,5 +40,6 @@
     "url": "https://github.com/hack4impact-utk/internal-applications/issues"
   },
   "homepage": "https://github.com/hack4impact-utk/internal-applications#readme",
+  "devDependencies": {},
   "description": ""
 }