diff --git a/libs/shared/lib/components/tableUI/TableUI.tsx b/libs/shared/lib/components/tableUI/TableUI.tsx
index 02a1d4c8da5f92166d69a97125b2a88186b67874..d8b72eb33a204c8d1597a01190d2c3f60c31e1ac 100644
--- a/libs/shared/lib/components/tableUI/TableUI.tsx
+++ b/libs/shared/lib/components/tableUI/TableUI.tsx
@@ -64,9 +64,9 @@ export const TableUI = <T extends Record<string, any>>({ data, fieldConfigs, dro
 
   return (
     <div className="mt-2 w-full overflow-x-auto">
-      <table className="min-w-full bg-white border border-gray-300 rounded-md">
+      <table className="min-w-full bg-light border border-secondary-300 rounded-md">
         <thead>
-          <tr className="bg-gray-100 border-b">
+          <tr className="bg-secondary-100 border-b">
             {fieldConfigs.map((field) => (
               <th key={field.key.toString()} className="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider">
                 {field.label}
@@ -79,7 +79,7 @@ export const TableUI = <T extends Record<string, any>>({ data, fieldConfigs, dro
           {data.map((item, index) => (
             <tr key={index} className="border-b rounded-md">
               {fieldConfigs.map((field) => (
-                <td key={field.key.toString()} className="px-6 py-4 text-sm text-gray-700">
+                <td key={field.key.toString()} className="px-6 py-4 text-sm text-light-700">
                   {editingIndex === index ? (
                     field.type === 'dropdown' ? (
                       <Input
@@ -103,7 +103,7 @@ export const TableUI = <T extends Record<string, any>>({ data, fieldConfigs, dro
                   )}
                 </td>
               ))}
-              <td className="px-6 py-4 text-sm text-gray-700">
+              <td className="px-6 py-4 text-sm text-secondary-700">
                 <div className="flex space-x-2">
                   {editingIndex === index ? (
                     <>