Tweak input widths again to fit editor sidebar

WordPress · Sep 27, 2022 · bae2ddf · bae2ddf
1 parent d037344
commit bae2ddf
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/packages/components/src/border-box-control/border-box-control/component.tsx b/packages/components/src/border-box-control/border-box-control/component.tsx
@@ -111,7 +111,7 @@ const BorderBoxControl = (
 						shouldSanitizeBorder={ false } // This component will handle that.
 						value={ linkedValue }
 						withSlider={ true }
-						width={ __next40pxDefaultSize ? '118px' : '110px' }
+						width={ __next40pxDefaultSize ? '116px' : '110px' }
 						__experimentalHasMultipleOrigins={
 							__experimentalHasMultipleOrigins
 						}

diff --git a/packages/components/src/border-box-control/stories/index.js b/packages/components/src/border-box-control/stories/index.js
@@ -89,7 +89,7 @@ Default.args = {
 };
 
 const WrapperView = styled.div`
-	max-width: 252px;
+	max-width: 248px;
 	padding: 16px;
 `;
 

diff --git a/packages/components/src/border-control/border-control/hook.ts b/packages/components/src/border-control/border-control/hook.ts
@@ -119,7 +119,7 @@ export function useBorderControl(
 
 	let wrapperWidth = width;
 	if ( isCompact ) {
-		wrapperWidth = __next40pxDefaultSize ? '118px' : '90px';
+		wrapperWidth = __next40pxDefaultSize ? '116px' : '90px';
 	}
 	const innerWrapperClassName = useMemo( () => {
 		const widthStyle = !! wrapperWidth && styles.wrapperWidth;