diff --git a/app/(dashboard)/proxy-hosts/ProxyHostsClient.tsx b/app/(dashboard)/proxy-hosts/ProxyHostsClient.tsx
index 8885f025..ed669594 100644
--- a/app/(dashboard)/proxy-hosts/ProxyHostsClient.tsx
+++ b/app/(dashboard)/proxy-hosts/ProxyHostsClient.tsx
@@ -101,7 +101,7 @@ export default function ProxyHostsClient({ hosts, certificates, accessLists, aut
       align: "right" as const,
       width: 150,
       render: (host: ProxyHost) => (
-        <Stack direction="row" spacing={1} justifyContent="flex-end">
+        <Stack direction="row" spacing={1} justifyContent="flex-end" alignItems="center">
           <Switch
             checked={host.enabled}
             onChange={(e) => handleToggleEnabled(host.id, e.target.checked)}
diff --git a/app/providers.tsx b/app/providers.tsx
index 78fd2bff..03ac9a31 100644
--- a/app/providers.tsx
+++ b/app/providers.tsx
@@ -71,7 +71,7 @@ export default function Providers({ children }: { children: ReactNode }) {
           components: {
             MuiCssBaseline: {
               styleOverrides: {
-                root: {
+                body: {
                   backgroundColor: "#09090b",
                   backgroundImage:
                     "radial-gradient(circle at 50% 0%, rgba(99, 102, 241, 0.15), transparent 40%), radial-gradient(circle at 100% 0%, rgba(6, 182, 212, 0.1), transparent 30%)",