diff --git a/src/components/Reminders/ReminderTable.jsx b/src/components/Reminders/ReminderTable.jsx
index 4259624..370fc96 100755
--- a/src/components/Reminders/ReminderTable.jsx
+++ b/src/components/Reminders/ReminderTable.jsx
@@ -98,7 +98,7 @@ export default function ReminderTable({ className }) {
                     selectedCategory == "All category" ? (
                       userReminders[0].reminders.map((reminder, index) => (
                       <>
-                        <tr key={index} className="bg-white dark:bg-dark-white border border-red-500 dark:border-[#5356fb29]  hover:bg-gray-50">
+                        <tr key={index} className="bg-white dark:bg-dark-white border border-light-purple dark:border-[#5356fb29]  hover:bg-gray-50">
                             <td className=" py-4">
                               <div className="flex space-x-2 items-center">
                                 <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
@@ -157,7 +157,7 @@ export default function ReminderTable({ className }) {
                       if(reminder.category == selectedCategory){
                         return (
                           <>
-                          <tr key={index} className="bg-white dark:bg-dark-white border border-red-500 dark:border-[#5356fb29]  hover:bg-gray-50">
+                          <tr key={index} className="bg-white dark:bg-dark-white border border-light-purple dark:border-[#5356fb29]  hover:bg-gray-50">
                             <td className=" py-4">
                               <div className="flex space-x-2 items-center">
                                 <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">