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>