From 7e8ad10c254507168efb329b6e11219a8ae08d27 Mon Sep 17 00:00:00 2001
From: ChrAlpha <53332481+ChrAlpha@users.noreply.github.com>
Date: Mon, 13 Apr 2026 15:31:01 +0000
Subject: [PATCH] fix(web): align skill header and show stateful visibility
 icon

---
 apps/web/src/pages/bots/components/bot-skills.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/pages/bots/components/bot-skills.vue b/apps/web/src/pages/bots/components/bot-skills.vue
index 6b4ef2a7..8e566d4a 100644
--- a/apps/web/src/pages/bots/components/bot-skills.vue
+++ b/apps/web/src/pages/bots/components/bot-skills.vue
@@ -56,7 +56,7 @@
         class="flex flex-col"
       >
         <CardHeader class="pb-3">
-          <div class="flex items-start justify-between gap-2">
+          <div class="flex items-center justify-between gap-2">
             <CardTitle
               class="text-sm truncate"
               :title="skill.name"
@@ -88,7 +88,7 @@
                   v-if="isSkillActionPending(skill, 'enable')"
                   class="size-3.5"
                 />
-                <Eye
+                <EyeOff
                   v-else
                   class="size-3.5"
                 />
@@ -106,7 +106,7 @@
                   v-if="isSkillActionPending(skill, 'disable')"
                   class="size-3.5"
                 />
-                <EyeOff
+                <Eye
                   v-else
                   class="size-3.5"
                 />