chore: convert more

Parkreiner · Parkreiner · commit 1d71eb8a6b82 · 2025-08-15T06:24:20.000Z
diff --git a/site/src/components/SyntaxHighlighter/SyntaxHighlighter.tsx b/site/src/components/SyntaxHighlighter/SyntaxHighlighter.tsx
@@ -44,9 +44,8 @@ export const SyntaxHighlighter: FC<SyntaxHighlighterProps> = ({
 	return (
 		<div
 			data-chromatic="ignore"
-			css={{
-				padding: "8px 0",
-				height: "100%",
+			className="px-2 py-0 h-full"
+			style={{
 				backgroundColor: theme.monaco.colors["editor.background"],
 			}}
 		>
diff --git a/site/src/components/TableEmpty/TableEmpty.tsx b/site/src/components/TableEmpty/TableEmpty.tsx
@@ -11,7 +11,7 @@ type TableEmptyProps = EmptyStateProps;
 export const TableEmpty: FC<TableEmptyProps> = (props) => {
 	return (
 		<TableRow>
-			<TableCell colSpan={999} css={{ padding: "0 !important" }}>
+			<TableCell colSpan={999} className="!p-0">
 				<EmptyState {...props} />
 			</TableCell>
 		</TableRow>
diff --git a/site/src/components/TableLoader/TableLoader.tsx b/site/src/components/TableLoader/TableLoader.tsx
@@ -6,7 +6,7 @@ import { Loader } from "../Loader/Loader";
 export const TableLoader: FC = () => {
 	return (
 		<TableRow>
-			<TableCell colSpan={999} css={{ textAlign: "center", height: 160 }}>
+			<TableCell colSpan={999} className="h-40 text-center">
 				<Loader />
 			</TableCell>
 		</TableRow>
