From cce6ae86a592c2b8cba9747d1d2432259e74c3f8 Mon Sep 17 00:00:00 2001
From: Jason <farion1231@gmail.com>
Date: Tue, 30 Dec 2025 12:35:14 +0800
Subject: [PATCH] fix: prevent env check card border overflow on hover

Add horizontal padding to the grid container to accommodate the scale
transform effect when hovering over environment check cards.
---
 src/components/settings/AboutSection.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/settings/AboutSection.tsx b/src/components/settings/AboutSection.tsx
index d40233f97..6db2fd83d 100644
--- a/src/components/settings/AboutSection.tsx
+++ b/src/components/settings/AboutSection.tsx
@@ -312,7 +312,7 @@ export function AboutSection({ isPortable }: AboutSectionProps) {
             {isLoadingTools ? t("common.refreshing") : t("common.refresh")}
           </Button>
         </div>
-        <div className="grid gap-3 sm:grid-cols-3">
+        <div className="grid gap-3 sm:grid-cols-3 px-1">
           {["claude", "codex", "gemini"].map((toolName, index) => {
             const tool = toolVersions.find((item) => item.name === toolName);
             const displayName = tool?.name ?? toolName;