From 4bda128c52c14f2a4cd16e318738ddb3e44253d9 Mon Sep 17 00:00:00 2001
From: shimotmk <shimotmk1104@gmail.com>
Date: Sat, 15 Feb 2025 06:31:26 +0900
Subject: [PATCH] fix

---
 .../border-control/border-control-dropdown/component.tsx  | 8 ++++----
 .../src/border-control/border-control-dropdown/hook.ts    | 6 +++---
 packages/components/src/border-control/styles.ts          | 2 +-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/components/src/border-control/border-control-dropdown/component.tsx b/packages/components/src/border-control/border-control-dropdown/component.tsx
index 00f5c0df46372a..23ee902df5ffc3 100644
--- a/packages/components/src/border-control/border-control-dropdown/component.tsx
+++ b/packages/components/src/border-control/border-control-dropdown/component.tsx
@@ -157,7 +157,7 @@ const BorderControlDropdown = (
 		onStyleChange,
 		popoverContentClassName,
 		popoverControlsClassName,
-		resetButtonClassName,
+		resetButtonWrapperClassName,
 		size,
 		__unstablePopoverProps,
 		...otherProps
@@ -173,7 +173,7 @@ const BorderControlDropdown = (
 		enableStyle
 	);
 
-	const showResetButton = color || ( style && style !== 'none' );
+	const enableResetButton = color || ( style && style !== 'none' );
 	const dropdownPosition = __experimentalIsRenderedInSidebar
 		? 'bottom left'
 		: undefined;
@@ -222,13 +222,13 @@ const BorderControlDropdown = (
 						/>
 					) }
 				</VStack>
-				<div className={ resetButtonClassName }>
+				<div className={ resetButtonWrapperClassName }>
 					<Button
 						variant="tertiary"
 						onClick={ () => {
 							onReset();
 						} }
-						disabled={ ! showResetButton }
+						disabled={ ! enableResetButton }
 						accessibleWhenDisabled
 						__next40pxDefaultSize
 					>
diff --git a/packages/components/src/border-control/border-control-dropdown/hook.ts b/packages/components/src/border-control/border-control-dropdown/hook.ts
index 5366babc266c61..daba828fa64f2e 100644
--- a/packages/components/src/border-control/border-control-dropdown/hook.ts
+++ b/packages/components/src/border-control/border-control-dropdown/hook.ts
@@ -76,8 +76,8 @@ export function useBorderControlDropdown(
 		return cx( styles.borderControlPopoverContent );
 	}, [ cx ] );
 
-	const resetButtonClassName = useMemo( () => {
-		return cx( styles.resetButton );
+	const resetButtonWrapperClassName = useMemo( () => {
+		return cx( styles.resetButtonWrapper );
 	}, [ cx ] );
 
 	return {
@@ -94,7 +94,7 @@ export function useBorderControlDropdown(
 		onReset,
 		popoverContentClassName,
 		popoverControlsClassName,
-		resetButtonClassName,
+		resetButtonWrapperClassName,
 		size,
 		__experimentalIsRenderedInSidebar,
 	};
diff --git a/packages/components/src/border-control/styles.ts b/packages/components/src/border-control/styles.ts
index f06472afb7cff9..0109c0598e85b5 100644
--- a/packages/components/src/border-control/styles.ts
+++ b/packages/components/src/border-control/styles.ts
@@ -147,7 +147,7 @@ export const borderControlPopoverControls = css`
 export const borderControlPopoverContent = css``;
 export const borderColorIndicator = css``;
 
-export const resetButton = css`
+export const resetButtonWrapper = css`
 	display: flex;
 	justify-content: flex-end;
 	margin-top: 12px;