Fix cys frame zooming in/out while moving mouse over

plugins/woocommerce-admin/client/customize-store/assembler-hub/layout.tsx

@@ -145,35 +145,15 @@ export const Layout = () => {
 								</NavigableRegion>
 
 								{ ! isMobileViewport && (
-									<div
+									<div className="edit-site-layout__canvas-container">
-										className={ classnames(
-											'edit-site-layout__canvas-container'
-										) }
-									>
 										{ canvasResizer }
 										{ !! canvasSize.width && (
 											<motion.div
-												whileHover={ {
-													scale: 1.005,
-													transition: {
-														duration: disableMotion
-															? 0
-															: 0.5,
-														ease: 'easeOut',
-													},
-												} }
 												initial={ false }
 												layout="position"
 												className={ classnames(
 													'edit-site-layout__canvas'
 												) }
-												transition={ {
-													type: 'tween',
-													duration: disableMotion
-														? 0
-														: ANIMATION_DURATION,
-													ease: 'easeOut',
-												} }
 											>
 												<ErrorBoundary>
 													<ResizableFrame

plugins/woocommerce-admin/client/customize-store/assembler-hub/resizable-frame.jsx

@@ -244,6 +244,13 @@ function ResizableFrame( {
 				if ( definition === 'fullWidth' )
 					setFrameSize( { width: '100%', height: '100%' } );
 			} }
+			whileHover={ {
+				scale: 1.005,
+				transition: {
+					duration: 0.5,
+					ease: 'easeOut',
+				},
+			} }
 			transition={ frameTransition }
 			size={ frameSize }
 			enable={ {