Table updates

src/components/DebouncedInput.tsx

@@ -1,6 +1,7 @@
 import { ActionIcon, TextInput } from '@mantine/core';
 import { useEffect, useState } from 'react';
 import { FiX } from 'react-icons/fi';
+import { textInputClasses } from 'styles';
 
 export function DebouncedInput({
 	value: initialValue,
@@ -34,11 +35,20 @@ export function DebouncedInput({
 			p={0}
 			onClick={(e) => e.stopPropagation()}
 			onChange={(e) => setValue(e.target.value)}
+			classNames={textInputClasses}
 			styles={{
 				input: {
 					borderRadius: 0,
-					border: 'none',
+					borderStyle: 'none',
 					color: 'var(--mantine-color-primary-0)',
+					'&::placeholder': {
+						color: 'red !important',
+					},
+				},
+				wrapper: {
+					'&::placeholder': {
+						color: 'red !important',
+					},
 				},
 			}}
 			rightSection={