From 22a1025f0e4e64be09d2e63fe69d9cf70637db6c Mon Sep 17 00:00:00 2001
From: wong2 <wonderfuly@gmail.com>
Date: Wed, 22 Oct 2025 00:35:12 +0800
Subject: [PATCH] docs: fix apple secret generator tool form spacing (#39612)

Co-authored-by: Alan Daniel <stylesshjs@gmail.com>
---
 .../components/AppleSecretGenerator/AppleSecretGenerator.tsx  | 4 ++--
 packages/ui/src/lib/Layout/FormLayout/FormLayout.tsx          | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/docs/components/AppleSecretGenerator/AppleSecretGenerator.tsx b/apps/docs/components/AppleSecretGenerator/AppleSecretGenerator.tsx
index 1184e409bbd..04936737eba 100644
--- a/apps/docs/components/AppleSecretGenerator/AppleSecretGenerator.tsx
+++ b/apps/docs/components/AppleSecretGenerator/AppleSecretGenerator.tsx
@@ -104,7 +104,7 @@ const AppleSecretGenerator = () => {
   const [error, setError] = useState('')
 
   return (
-    <>
+    <div className="flex flex-col gap-3">
       <Input
         label="Account ID"
         labelOptional="required"
@@ -186,7 +186,7 @@ const AppleSecretGenerator = () => {
           />
         </>
       )}
-    </>
+    </div>
   )
 }
 
diff --git a/packages/ui/src/lib/Layout/FormLayout/FormLayout.tsx b/packages/ui/src/lib/Layout/FormLayout/FormLayout.tsx
index 3fb9827de7f..d5c65738d29 100644
--- a/packages/ui/src/lib/Layout/FormLayout/FormLayout.tsx
+++ b/packages/ui/src/lib/Layout/FormLayout/FormLayout.tsx
@@ -116,7 +116,7 @@ export function FormLayout({
 
   // console.log('error', error)
 
-  const renderError = (
+  const renderError = error && (
     <p
       data-state={error ? 'show' : 'hide'}
       className={[__styles.error.base, __styles.error.size[size]].join(' ')}