diff --git a/src/components/Patient/LinkDepartmentsSheet.tsx b/src/components/Patient/LinkDepartmentsSheet.tsx
index 43a268aca18..4daadc3ee64 100644
--- a/src/components/Patient/LinkDepartmentsSheet.tsx
+++ b/src/components/Patient/LinkDepartmentsSheet.tsx
@@ -4,7 +4,7 @@ import { Building, Loader2, Trash2 } from "lucide-react";
 import { useState } from "react";
 import { toast } from "sonner";
 
-import { Button, buttonVariants } from "@/components/ui/button";
+import { Button } from "@/components/ui/button";
 import {
   Sheet,
   SheetContent,
@@ -216,7 +216,7 @@ export default function LinkDepartmentsSheet({
                       </div>
                     </div>
                     <Button
-                      variant="ghost"
+                      variant="destructive"
                       size="icon"
                       onClick={() => removeOrganization(org.id)}
                       disabled={isRemoving}
@@ -224,9 +224,7 @@ export default function LinkDepartmentsSheet({
                       {isRemoving ? (
                         <Loader2 className="h-4 w-4 animate-spin" />
                       ) : (
-                        <Trash2
-                          className={buttonVariants({ variant: "destructive" })}
-                        />
+                        <Trash2 className="h-4 w-4" />
                       )}
                     </Button>
                   </div>
diff --git a/src/components/Questionnaire/QuestionnaireForm.tsx b/src/components/Questionnaire/QuestionnaireForm.tsx
index 05e74ce8829..9892aee8e09 100644
--- a/src/components/Questionnaire/QuestionnaireForm.tsx
+++ b/src/components/Questionnaire/QuestionnaireForm.tsx
@@ -9,7 +9,7 @@ import { cn } from "@/lib/utils";
 import CareIcon from "@/CAREUI/icons/CareIcon";
 
 import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
-import { Button, buttonVariants } from "@/components/ui/button";
+import { Button } from "@/components/ui/button";
 
 import Loading from "@/components/Common/Loading";
 
@@ -392,7 +392,7 @@ export function QuestionnaireForm({
               {form.questionnaire.id !== questionnaireData?.id && (
                 <Button
                   type="button"
-                  variant="ghost"
+                  variant="destructive"
                   size="sm"
                   onClick={() => {
                     setQuestionnaireForms((prev) =>
@@ -402,7 +402,6 @@ export function QuestionnaireForm({
                     );
                   }}
                   disabled={isPending}
-                  className={buttonVariants({ variant: "destructive" })}
                 >
                   <CareIcon icon="l-times-circle" />
                   <span>Remove</span>