From 50b33ac6aa8a7c642430fd2546c7da55a9024b5e Mon Sep 17 00:00:00 2001
From: Aki Hamano <tetsuaki.hamano@gmail.com>
Date: Sun, 20 Oct 2024 12:12:59 +0900
Subject: [PATCH] Refactor: Simplify restore setting button

---
 .../global-settings/setting-modal.tsx         | 30 +++++++++----------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/src/settings/global-settings/setting-modal.tsx b/src/settings/global-settings/setting-modal.tsx
index 03a3685..6cf6cf0 100644
--- a/src/settings/global-settings/setting-modal.tsx
+++ b/src/settings/global-settings/setting-modal.tsx
@@ -758,22 +758,20 @@ export default function SettingModal( { options, isAdministrator, setIsSettingMo
 								focusOnMount="firstElement"
 								onClose={ () => setIsResetPopup( false ) }
 							>
-								<Spacer marginBottom={ 0 } padding={ 2 }>
-									<VStack spacing={ 4 }>
-										<Text as="p">{ __( 'Are you sure?', 'flexible-table-block' ) }</Text>
-										<HStack>
-											<Button isDestructive onClick={ handleResetOptions } size="compact">
-												{ __( 'Restore', 'flexible-table-block' ) }
-											</Button>
-											<Button
-												variant="secondary"
-												onClick={ () => setIsResetPopup( false ) }
-												size="compact"
-											>
-												{ __( 'Cancel', 'flexible-table-block' ) }
-											</Button>
-										</HStack>
-									</VStack>
+								<Spacer as={ VStack } marginBottom={ 0 } padding={ 2 } spacing={ 4 }>
+									<Text as="p">{ __( 'Are you sure?', 'flexible-table-block' ) }</Text>
+									<HStack>
+										<Button isDestructive onClick={ handleResetOptions } size="compact">
+											{ __( 'Restore', 'flexible-table-block' ) }
+										</Button>
+										<Button
+											variant="secondary"
+											onClick={ () => setIsResetPopup( false ) }
+											size="compact"
+										>
+											{ __( 'Cancel', 'flexible-table-block' ) }
+										</Button>
+									</HStack>
 								</Spacer>
 							</Popover>
 						) }