diff --git a/app/pages/[...package].vue b/app/pages/[...package].vue
index 2a3c151f1d..9bdb3d37d5 100644
--- a/app/pages/[...package].vue
+++ b/app/pages/[...package].vue
@@ -1089,7 +1089,10 @@ defineOgImageComponent('Package', {
                   class="text-fg-subtle hover:text-fg-muted text-xs transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50 rounded"
                   :title="$t('package.get_started.view_types', { package: typesPackageName })"
                 >
-                  <span class="i-carbon:arrow-right rtl-flip w-3 h-3" aria-hidden="true" />
+                  <span
+                    class="i-carbon:arrow-right rtl-flip w-3 h-3 inline-block align-middle"
+                    aria-hidden="true"
+                  />
                   <span class="sr-only">View {{ typesPackageName }}</span>
                 </NuxtLink>
               </div>