feature(web): Add dark mode support

2 files changed, 4 insertions, 2 deletions

diff --git a/apps/web/components/dashboard/settings/ApiKeySettings.tsx b/apps/web/components/dashboard/settings/ApiKeySettings.tsx
index a3680863..1455e1b6 100644
--- a/apps/web/components/dashboard/settings/ApiKeySettings.tsx
+++ b/apps/web/components/dashboard/settings/ApiKeySettings.tsx
@@ -1,3 +1,4 @@
+import { Separator } from "@/components/ui/separator";
 import {
   Table,
   TableBody,
@@ -16,7 +17,7 @@ export default async function ApiKeys() {
   return (
     <div className="pt-4">
       <span className="text-xl">API Keys</span>
-      <hr className="my-2" />
+      <Separator className="my-2" />
       <div className="flex flex-col space-y-3">
         <div className="flex flex-1 justify-end">
           <AddApiKey />
diff --git a/apps/web/components/dashboard/settings/ChangePassword.tsx b/apps/web/components/dashboard/settings/ChangePassword.tsx
index d976f3e4..a2ca0870 100644
--- a/apps/web/components/dashboard/settings/ChangePassword.tsx
+++ b/apps/web/components/dashboard/settings/ChangePassword.tsx
@@ -11,6 +11,7 @@ import {
   FormMessage,
 } from "@/components/ui/form";
 import { Input } from "@/components/ui/input";
+import { Separator } from "@/components/ui/separator";
 import { toast } from "@/components/ui/use-toast";
 import { api } from "@/lib/trpc";
 import { zodResolver } from "@hookform/resolvers/zod";
@@ -55,7 +56,7 @@ export function ChangePassword() {
   return (
     <div className="w-full pt-4">
       <span className="text-xl">Change Password</span>
-      <hr className="my-2" />
+      <Separator className="my-2" />
       <Form {...form}>
         <form
           onSubmit={form.handleSubmit(onSubmit)}