emotion: SectionAction

aslilac · aslilac · commit da11284e0e78 · 2023-10-30T17:52:59.000Z
diff --git a/site/src/components/SettingsLayout/SectionAction.tsx b/site/src/components/SettingsLayout/SectionAction.tsx
@@ -1,11 +1,4 @@
-import { makeStyles } from "@mui/styles";
-import { FC } from "react";
-
-const useStyles = makeStyles((theme) => ({
-  root: {
-    marginTop: theme.spacing(3),
-  },
-}));
+import { type FC } from "react";
 
 /**
  * SectionAction is a content box that call to actions should be placed
@@ -14,6 +7,13 @@ const useStyles = makeStyles((theme) => ({
 export const SectionAction: FC<React.PropsWithChildren<unknown>> = ({
   children,
 }) => {
-  const styles = useStyles();
-  return <div className={styles.root}>{children}</div>;
+  return (
+    <div
+      css={(theme) => ({
+        marginTop: theme.spacing(3),
+      })}
+    >
+      {children}
+    </div>
+  );
 };
