From 7250bed70107d539ed727411dc78f500b74130c2 Mon Sep 17 00:00:00 2001
From: Fynn Fischbach <codingPerch@gmail.com>
Date: Tue, 27 Jan 2026 20:59:40 +0100
Subject: [PATCH] Fix/#2607 remove empty proficiency spacing (#2626)

* fix: remove empty proficiency and keywords spacing in skills items

Only render proficiency and keywords fields when they contain values,
preventing empty inline-block elements from reserving unwanted space
in templates like Pikachu.

Fixes #2607

* style: biome check --write
---
 src/components/resume/shared/items/skills-item.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/resume/shared/items/skills-item.tsx b/src/components/resume/shared/items/skills-item.tsx
index ebc6e7690..49ac23f9b 100644
--- a/src/components/resume/shared/items/skills-item.tsx
+++ b/src/components/resume/shared/items/skills-item.tsx
@@ -17,12 +17,16 @@ export function SkillsItem({ className, ...item }: SkillsItemProps) {
 			</div>
 
 			{/* Proficiency */}
-			<span className="section-item-metadata skills-item-proficiency inline-block">{item.proficiency}</span>
+			{item.proficiency && (
+				<span className="section-item-metadata skills-item-proficiency inline-block">{item.proficiency}</span>
+			)}
 
 			{/* Keywords */}
-			<span className="section-item-keywords skills-item-keywords inline-block opacity-80">
-				{item.keywords.join(", ")}
-			</span>
+			{item.keywords.length > 0 && (
+				<span className="section-item-keywords skills-item-keywords inline-block opacity-80">
+					{item.keywords.join(", ")}
+				</span>
+			)}
 
 			{/* Level */}
 			<PageLevel level={item.level} className="section-item-level skills-item-level" />