diff --git a/apps/portal/src/app/(app)/(home)/[orgId]/components/tasks/DeviceAgentAccordionItem.tsx b/apps/portal/src/app/(app)/(home)/[orgId]/components/tasks/DeviceAgentAccordionItem.tsx
index 6d0c9dfc1..10519217f 100644
--- a/apps/portal/src/app/(app)/(home)/[orgId]/components/tasks/DeviceAgentAccordionItem.tsx
+++ b/apps/portal/src/app/(app)/(home)/[orgId]/components/tasks/DeviceAgentAccordionItem.tsx
@@ -154,7 +154,7 @@ export function DeviceAgentAccordionItem({
       <AccordionTrigger className="px-4 hover:no-underline [&[data-state=open]]:pb-2">
         <div className="flex items-center gap-3">
           {isCompleted ? (
-            <CheckCircle2 className="text-green-600 dark:text-green-400 h-5 w-5" />
+            <CheckCircle2 className="text-primary h-5 w-5" />
           ) : (
             <Circle className="text-muted-foreground h-5 w-5" />
           )}
@@ -230,7 +230,7 @@ export function DeviceAgentAccordionItem({
               <CardContent className="space-y-3">
                 <div className="flex items-center gap-2">
                   {agentDevice.isCompliant ? (
-                    <CheckCircle2 className="text-green-600 dark:text-green-400 h-4 w-4" />
+                    <CheckCircle2 className="text-primary h-4 w-4" />
                   ) : (
                     <Circle className="text-amber-600 dark:text-amber-400 h-4 w-4" />
                   )}
diff --git a/apps/portal/src/app/components/otp-form.tsx b/apps/portal/src/app/components/otp-form.tsx
index 9550e2037..1b59c214c 100644
--- a/apps/portal/src/app/components/otp-form.tsx
+++ b/apps/portal/src/app/components/otp-form.tsx
@@ -64,7 +64,7 @@ export function OtpForm({ email }: OtpFormProps) {
 
   return (
     <Form {...form}>
-      <form className="grid gap-2" onSubmit={form.handleSubmit(onSubmit)}>
+      <form className="grid gap-4 place-items-center" onSubmit={form.handleSubmit(onSubmit)}>
         <FormField
           control={form.control}
           name="otp"