From 69032c26ce4c810cdad8a4ba3dafcc84ff99cba0 Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Thu, 29 Jan 2026 18:54:47 +0100
Subject: [PATCH] feat: add RTL support to `ConnectorModal`

---
 app/components/ConnectorModal.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/components/ConnectorModal.vue b/app/components/ConnectorModal.vue
index 27582102c5..7807110c22 100644
--- a/app/components/ConnectorModal.vue
+++ b/app/components/ConnectorModal.vue
@@ -82,7 +82,7 @@ watch(open, isOpen => {
                 :aria-label="$t('common.close')"
                 @click="open = false"
               >
-                <span class="i-carbon-close block w-5 h-5" aria-hidden="true" />
+                <span class="i-carbon:close block w-5 h-5" aria-hidden="true" />
               </button>
             </div>
 
@@ -124,19 +124,19 @@ watch(open, isOpen => {
                 class="flex items-center p-3 bg-bg-muted border border-border rounded-lg font-mono text-sm"
               >
                 <span class="text-fg-subtle">$</span>
-                <span class="text-fg-subtle ml-2">{{ executeNpmxConnectorCommand }}</span>
+                <span class="text-fg-subtle ms-2">{{ executeNpmxConnectorCommand }}</span>
                 <button
                   type="button"
                   :aria-label="
                     copied ? $t('connector.modal.copied') : $t('connector.modal.copy_command')
                   "
-                  class="ml-auto text-fg-subtle hover:text-fg transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50 rounded"
+                  class="ms-auto text-fg-subtle hover:text-fg transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50 rounded"
                   @click="copyCommand"
                 >
-                  <span v-if="!copied" class="i-carbon-copy block w-5 h-5" aria-hidden="true" />
+                  <span v-if="!copied" class="i-carbon:copy block w-5 h-5" aria-hidden="true" />
                   <span
                     v-else
-                    class="i-carbon-checkmark block w-5 h-5 text-green-500"
+                    class="i-carbon:checkmark block w-5 h-5 text-green-500"
                     aria-hidden="true"
                   />
                 </button>