diff --git a/client/assets/tailwind.css b/client/assets/tailwind.css
index 29cbd149..7883f32f 100644
--- a/client/assets/tailwind.css
+++ b/client/assets/tailwind.css
@@ -16,6 +16,11 @@
   ::file-selector-button {
     border-color: var(--color-gray-200, currentColor);
   }
+
+  [role='button'],
+  button {
+    cursor: pointer;
+  }
 }
 
 @theme {
diff --git a/client/components/prompt/Confirm.vue b/client/components/prompt/Confirm.vue
index a2e59758..361765e2 100644
--- a/client/components/prompt/Confirm.vue
+++ b/client/components/prompt/Confirm.vue
@@ -68,7 +68,7 @@ export default {
       return this.confirmPromptOptions.yesButtonText || this.$strings.ButtonYes
     },
     yesButtonColor() {
-      return this.confirmPromptOptions.yesButtonColor || 'bg-success'
+      return this.confirmPromptOptions.yesButtonColor || 'success'
     },
     checkboxDefaultValue() {
       return !!this.confirmPromptOptions.checkboxDefaultValue
diff --git a/client/components/ui/IconBtn.vue b/client/components/ui/IconBtn.vue
index 71dacc72..5cf72e21 100644
--- a/client/components/ui/IconBtn.vue
+++ b/client/components/ui/IconBtn.vue
@@ -16,7 +16,7 @@ export default {
     disabled: Boolean,
     bgColor: {
       type: String,
-      default: 'primary'
+      default: 'bg-primary'
     },
     outlined: Boolean,
     borderless: Boolean,