From f65b66210358b92be6bbdbdde13ef66a660f216d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jens=20R=C3=B8mer=20Hesselbjerg?= <jh.roemer@gmail.com>
Date: Sat, 24 Jan 2026 21:45:17 +0100
Subject: [PATCH] Fix: package compatibility versions wrap to next line

---
 app/pages/[...package].vue | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/app/pages/[...package].vue b/app/pages/[...package].vue
index aa8760747e..d0b9de15da 100644
--- a/app/pages/[...package].vue
+++ b/app/pages/[...package].vue
@@ -611,21 +611,21 @@ defineOgImageComponent('Package', {
               Compatibility
             </h2>
             <dl class="space-y-2">
-              <div
-                v-if="displayVersion.engines.node"
-                class="flex items-center justify-between gap-4 py-1"
-              >
+              <div v-if="displayVersion.engines.node" class="flex justify-between gap-4 py-1">
                 <dt class="text-fg-muted text-sm shrink-0">node</dt>
-                <dd class="font-mono text-sm text-fg truncate" :title="displayVersion.engines.node">
+                <dd
+                  class="font-mono text-sm text-fg text-right"
+                  :title="displayVersion.engines.node"
+                >
                   {{ displayVersion.engines.node }}
                 </dd>
               </div>
-              <div
-                v-if="displayVersion.engines.npm"
-                class="flex items-center justify-between gap-4 py-1"
-              >
+              <div v-if="displayVersion.engines.npm" class="flex justify-between gap-4 py-1">
                 <dt class="text-fg-muted text-sm shrink-0">npm</dt>
-                <dd class="font-mono text-sm text-fg truncate" :title="displayVersion.engines.npm">
+                <dd
+                  class="font-mono text-sm text-fg text-right"
+                  :title="displayVersion.engines.npm"
+                >
                   {{ displayVersion.engines.npm }}
                 </dd>
               </div>