diff --git a/front/components/assistant_builder/ActionsScreen.tsx b/front/components/assistant_builder/ActionsScreen.tsx
index bcda78a0f289..9ef0c228d1d8 100644
--- a/front/components/assistant_builder/ActionsScreen.tsx
+++ b/front/components/assistant_builder/ActionsScreen.tsx
@@ -606,7 +606,7 @@ function ActionCard({
           <div className="w-full truncate">{spec.label}</div>
           <IconButton
             icon={XMarkIcon}
-            variant="ghost"
+            variant="outline"
             size="sm"
             onClick={(e) => {
               deleteAction();
diff --git a/front/components/vaults/VaultCategoriesList.tsx b/front/components/vaults/VaultCategoriesList.tsx
index ac51cfa805cc..03c8fd394ca0 100644
--- a/front/components/vaults/VaultCategoriesList.tsx
+++ b/front/components/vaults/VaultCategoriesList.tsx
@@ -177,7 +177,7 @@ export const VaultCategoriesList = ({
                 label="Space settings"
                 icon={Cog6ToothIcon}
                 onClick={onButtonClick}
-                variant="ghost"
+                variant="outline"
               />
             )}
             <DropdownMenu>
diff --git a/sparkle/src/components/Dialog.tsx b/sparkle/src/components/Dialog.tsx
index 82e55dfcdce7..3ef9804d9ffb 100644
--- a/sparkle/src/components/Dialog.tsx
+++ b/sparkle/src/components/Dialog.tsx
@@ -95,7 +95,7 @@ export function Dialog({
                         {props.onCancel && (
                           <Button
                             label={props.cancelLabel ?? "Cancel"}
-                            variant="ghost"
+                            variant="outline"
                             onClick={props.onCancel}
                           />
                         )}