diff --git a/src/components/BasicPacks/BasicIcon.vue b/src/components/BasicPacks/BasicIcon.vue
index 2a4a305..c3a41cd 100644
--- a/src/components/BasicPacks/BasicIcon.vue
+++ b/src/components/BasicPacks/BasicIcon.vue
@@ -33,10 +33,12 @@ const color = computed(() => {
 })
 
 onMounted(() => {
-  if (props.size) {
-    const svg: SVGElement = refIcon.value?.children[0] as SVGElement
-    svg.setAttribute('width', props.size as string)
-    svg.setAttribute('height', props.size as string)
+  if (props.size && refIcon.value) {
+    const svg = refIcon.value.children?.[0] as SVGElement | undefined
+    if (svg && typeof svg.setAttribute === 'function') {
+      svg.setAttribute('width', String(props.size))
+      svg.setAttribute('height', String(props.size))
+    }
   }
 })
 </script>
diff --git a/src/components/RequiredKycModal.vue b/src/components/RequiredKycModal.vue
index 07912cc..023c776 100644
--- a/src/components/RequiredKycModal.vue
+++ b/src/components/RequiredKycModal.vue
@@ -10,7 +10,7 @@
     <div class="kyc-modal-content text-center py-2" dir="rtl">
       <!-- Icon with soft glowing background -->
       <div class="inline-flex items-center justify-center w-16 h-16 rounded-2xl bg-amber-50 text-amber-600 border border-amber-200 mb-4 shadow-sm">
-        <BasicIcon icon="vuesax-bold:security-user" size="36" color="#d97706" />
+        <BasicIcon icon="vuesax-linear:security-user" size="36" color="#d97706" />
       </div>
 
       <!-- Title -->