diff --git a/client/src/components/job-postings-dashboard-component/job-postings-dashboard-table/index.jsx b/client/src/components/job-postings-dashboard-component/job-postings-dashboard-table/index.jsx
index 1f033919..598899ff 100644
--- a/client/src/components/job-postings-dashboard-component/job-postings-dashboard-table/index.jsx
+++ b/client/src/components/job-postings-dashboard-component/job-postings-dashboard-table/index.jsx
@@ -54,7 +54,7 @@ export default function JobPostingsDashboardTableComponent() {
         page: page.toString(),
         pageSize: pageSize.toString(),
         status: filterStatus,
-        order: sortOrder,
+        order: sortOrder?.direction,
       });
 
       try {
@@ -268,6 +268,9 @@ export default function JobPostingsDashboardTableComponent() {
     },
   ];
 
+  const canReset =
+    !filterStatus && (!sortOrder || sortOrder.direction === "descending");
+
   return (
     <Box
       sx={{
@@ -314,15 +317,14 @@ export default function JobPostingsDashboardTableComponent() {
                 setFilteredStatus("");
                 setSortOrder("");
               }}
-              disabled={!filterStatus && !sortOrder}
+              disabled={canReset}
               sx={{
                 textTransform: "none",
                 alignSelf: "flex-start",
                 borderRadius: "10px",
                 fontSize: "12.5px",
-                backgroundColor:
-                  !filterStatus && !sortOrder ? "#ccc" : "#3568E5",
-                color: !filterStatus && !sortOrder ? "#666" : "white",
+                backgroundColor: canReset ? "#ccc" : "#3568E5",
+                color: canReset ? "#666" : "white",
                 "&:hover": {
                   backgroundColor: "#3568E5",
                   color: "white",
diff --git a/client/src/components/shared/job-posts-sort-menu-component/index.jsx b/client/src/components/shared/job-posts-sort-menu-component/index.jsx
index cc51ef61..11a4fa31 100644
--- a/client/src/components/shared/job-posts-sort-menu-component/index.jsx
+++ b/client/src/components/shared/job-posts-sort-menu-component/index.jsx
@@ -74,15 +74,21 @@ function SortMenu({ applySort }) {
         }}
         sx={{ borderRadius: "10px" }}
       >
-        <MenuItem onClick={() => handleSelect("asc")}>
+        <MenuItem onClick={() => handleSelect("ascending")}>
           <ListItemIcon>
-            <Radio checked={selectedDirection === "asc"} value="asc" />
+            <Radio
+              checked={selectedDirection === "ascending"}
+              value="ascending"
+            />
           </ListItemIcon>
           <ListItemText primary="Close date: Ascending" />
         </MenuItem>
-        <MenuItem onClick={() => handleSelect("desc")}>
+        <MenuItem onClick={() => handleSelect("descending")}>
           <ListItemIcon>
-            <Radio checked={selectedDirection === "desc"} value="desc" />
+            <Radio
+              checked={selectedDirection === "descending"}
+              value="descending"
+            />
           </ListItemIcon>
           <ListItemText primary="Close date: Descending" />
         </MenuItem>