From f425710cb524a759b959931cca00c7c4c8db410b Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Wed, 19 Aug 2026 10:24:27 +0100
Subject: [PATCH] Move the icon position and make it subtler

---
 resources/js/components/fieldtypes/grid/HeaderCell.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/fieldtypes/grid/HeaderCell.vue b/resources/js/components/fieldtypes/grid/HeaderCell.vue
index cbf2278d202..25db6d8d49e 100644
--- a/resources/js/components/fieldtypes/grid/HeaderCell.vue
+++ b/resources/js/components/fieldtypes/grid/HeaderCell.vue
@@ -1,10 +1,10 @@
 <template>
     <th v-show="field.type !== 'hidden'" scope="col">
-        <div class="flex items-center justify-between">
+        <div class="flex items-center gap-2">
             <div>
                 <template v-if="!field.hide_display">{{ __(field.display || field.handle) }}</template>
             </div>
-            <ui-icon name="info-square" class="size-3 text-xs text-gray-600 hover:text-gray-700" v-if="field.instructions" v-tooltip="{ content: $markdown(__(field.instructions)), html: true }" />
+            <ui-icon name="info-square" class="size-3.5! text-xs text-gray-500 hover:text-gray-600" v-if="field.instructions" v-tooltip="{ content: $markdown(__(field.instructions)), html: true }" />
         </div>
     </th>
 </template>