feat: some colors fixed, table alignment

Client/src/Components/Label/index.jsx

@@ -24,7 +24,7 @@ const BaseLabel = ({ label, styles, children }) => {
 	// Grab the default borderRadius from the theme to match button style
 	const { borderRadius } = theme.shape;
 	// Calculate padding for the label to mimic button.  Appears to scale correctly, not 100% sure though.
-	const padding = theme.spacing(1 * 0.75, 2);
+	const padding = theme.spacing(3, 5);
 
 	return (
 		<Box

Client/src/Components/Table/index.jsx

@@ -43,12 +43,22 @@ const DataTable = ({ headers, data, config = { emptyView: "No data" } }) => {
 			<Table
 				stickyHeader
 				sx={{
-					"& :is(th)": { color: theme.palette.primary.contrastText },
-					"& :is(td)": { color: theme.palette.primary.contrastTextSecondary },
+					"&.MuiTable-root  :is(.MuiTableHead-root, .MuiTableBody-root) :is(th, td)": {
+						paddingLeft: theme.spacing(8),
+					},
+					"& :is(th)": {
+						backgroundColor: theme.palette.secondary.main,
+						color: theme.palette.secondary.contrastText,
+						fontWeight: 600,
+						fontSize: "12px",
+					},
+					"& :is(td)": {
+						backgroundColor: theme.palette.primary.main,
+						color: theme.palette.primary.contrastTextSecondary,
+					},
 				}}
 			>
-				{/* TODO Check */}
-				<TableHead sx={{ backgroundColor: theme.palette.secondary.main }}>
+				<TableHead>
 					<TableRow>
 						{headers.map((header, index) => (
 							<TableCell