diff --git a/resources/components/shared/dialogs/ConfirmDialog.vue b/resources/components/shared/dialogs/ConfirmDialog.vue
index fe029a9b..a5662265 100644
--- a/resources/components/shared/dialogs/ConfirmDialog.vue
+++ b/resources/components/shared/dialogs/ConfirmDialog.vue
@@ -2,7 +2,6 @@
 import ActionDialog from '@/components/shared/core/ActionDialog.vue'
 import BaseButton from '@/components/shared/core/BaseButton.vue'
 import { useConfirm } from '@/composables/useConfirm'
-import { ExclamationTriangleIcon } from '@heroicons/vue/24/outline'
 
 const { confirmConfig } = useConfirm()
 </script>
@@ -18,7 +17,7 @@ const { confirmConfig } = useConfirm()
       <div
         class="mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-red-100 dark:bg-red-400/10"
       >
-        <ExclamationTriangleIcon
+        <i-lucide-triangle-alert
           class="h-6 w-6 text-red-600 dark:text-red-500"
           aria-hidden="true"
         />
diff --git a/resources/components/shared/dialogs/SettingsDialog/SettingsDialog.vue b/resources/components/shared/dialogs/SettingsDialog/SettingsDialog.vue
index 991e81b8..69e02c0d 100644
--- a/resources/components/shared/dialogs/SettingsDialog/SettingsDialog.vue
+++ b/resources/components/shared/dialogs/SettingsDialog/SettingsDialog.vue
@@ -73,7 +73,7 @@ const checkSponsorshipStatus = () => {
   <BaseDialog
     :is-open="isOpen"
     :hide="hide"
-    dialog-classes="sm:max-w-[680px] px-0 pt-0 pb-0 sm:p-0 sm:pb-4 sm:h-[560px]"
+    dialog-classes="sm:max-w-[740px] px-0 pt-0 pb-0 sm:p-0 sm:pb-4 sm:h-[560px]"
   >
     <DialogTitle
       class="w-full rounded-t-lg border-b border-gray-200 dark:border-gray-700 bg-gray-100 dark:bg-gray-900 py-4 px-5 text-xl font-bold text-gray-700 dark:text-gray-200"
diff --git a/resources/components/shared/dialogs/UpgradeAuthScopeDialog.vue b/resources/components/shared/dialogs/UpgradeAuthScopeDialog.vue
index 7fb80b72..d8a743a4 100644
--- a/resources/components/shared/dialogs/UpgradeAuthScopeDialog.vue
+++ b/resources/components/shared/dialogs/UpgradeAuthScopeDialog.vue
@@ -2,7 +2,6 @@
 import ActionDialog from '@/components/shared/core/ActionDialog.vue'
 import BaseButton from '@/components/shared/core/BaseButton.vue'
 import { useUpgradeAuthScopeDialog } from '@/composables/useUpgradeAuthScopeDialog'
-import { ExclamationTriangleIcon } from '@heroicons/vue/24/outline'
 
 const { isOpen, hide, redirectToGitHub } = useUpgradeAuthScopeDialog()
 </script>
diff --git a/resources/utils/predicates.ts b/resources/utils/predicates.ts
index 1c8fa61e..8ab2f99a 100644
--- a/resources/utils/predicates.ts
+++ b/resources/utils/predicates.ts
@@ -86,19 +86,19 @@ export const numberOperators: PredicateOperator[] = [
   {
     check: (source: number, target: number) => Number(source) > Number(target),
     key: 'greaterThan',
-    label: '>',
+    label: 'greater than',
   },
   {
     check: (source: number, target: number) => Number(source) >= Number(target),
     key: 'greaterThanOrEqualTo',
-    label: '>=',
+    label: 'greater than or equal to',
   },
-  { check: (source: number, target: number) => Number(source) === Number(target), key: 'equals', label: '=' },
-  { check: (source: number, target: number) => Number(source) < Number(target), key: 'lessThan', label: '<' },
+  { check: (source: number, target: number) => Number(source) === Number(target), key: 'equals', label: 'equals' },
+  { check: (source: number, target: number) => Number(source) < Number(target), key: 'lessThan', label: 'less than' },
   {
-    check: (source: number, target: number) => Number(source) >= Number(target),
+    check: (source: number, target: number) => Number(source) <= Number(target),
     key: 'lessThanOrEqualTo',
-    label: '<=',
+    label: 'less than or equal to',
   },
 ]