diff --git a/assets/stylesheets/App.css b/assets/stylesheets/App.css
index bf2f21f2..d92b0d38 100644
--- a/assets/stylesheets/App.css
+++ b/assets/stylesheets/App.css
@@ -2971,7 +2971,7 @@ body.objectKanbanColumnResizing * {
   bottom: 0;
   display: flex;
   align-items: center;
-  color: var(--ant-color-text-placeholder, rgba(0, 0, 0, 0.25));
+  color: var(--color-text-placeholder, rgba(0, 0, 0, 0.25));
   pointer-events: none;
   white-space: nowrap;
   overflow: hidden;
diff --git a/src/components/Dashboard/context/ThemeContext.jsx b/src/components/Dashboard/context/ThemeContext.jsx
index 4870f892..e8fea3b9 100644
--- a/src/components/Dashboard/context/ThemeContext.jsx
+++ b/src/components/Dashboard/context/ThemeContext.jsx
@@ -200,6 +200,10 @@ export const ThemeProvider = ({ children }) => {
       '--color-table-row-border',
       isDarkMode ? '#303030' : '#f0f0f0'
     )
+    root.style.setProperty(
+      '--color-text-placeholder',
+      isDarkMode ? '#4F4F4F' : '#BFBFBF'
+    )
   }, [isDarkMode, primaryColorOverride])
 
   const themeConfig = {
diff --git a/src/components/Dashboard/utils/Utils.js b/src/components/Dashboard/utils/Utils.js
index c0e3f82d..8b742937 100644
--- a/src/components/Dashboard/utils/Utils.js
+++ b/src/components/Dashboard/utils/Utils.js
@@ -285,6 +285,10 @@ export function getStateTagInfo(state) {
       status = 'success'
       text = 'Paid'
       break
+    case 'overdue':
+      status = 'error'
+      text = 'Overdue'
+      break
     default:
       status = 'default'
       text = state || 'Unknown'