fix: LYS success page overflows (#49127)

* fix: LYS success page overflows

* css

* Update plugins/woocommerce-admin/client/launch-your-store/hub/styles.scss

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>

---------

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>

plugins/woocommerce-admin/client/launch-your-store/hub/main-content/pages/launch-store-success/index.tsx

@@ -45,6 +45,7 @@ export type events =
 	  };
 import { WhatsNext } from './WhatsNext';
 import { LysSurvey } from './Survey';
+import { useFullScreen } from '~/utils';
 
 export const LaunchYourStoreSuccess = ( {
 	context: {
@@ -75,6 +76,8 @@ export const LaunchYourStoreSuccess = ( {
 		}
 	);
 
+	useFullScreen( [ 'woocommerce-launch-your-store-success' ] );
+
 	return (
 		<div
 			className={ clsx(

plugins/woocommerce-admin/client/launch-your-store/hub/main-content/pages/launch-store-success/style.scss

@@ -18,7 +18,8 @@
 	display: flex;
 	flex-direction: column;
 	width: 100vw;
-	height: 100vh;
+	min-height: 100vh;
+	max-width: 100vw;
 
 	.woocommerce-launch-store__congrats-header-container {
 		min-height: 64px;

plugins/woocommerce-admin/client/launch-your-store/hub/styles.scss

@@ -2,6 +2,11 @@
 	min-width: 600px;
 	overflow: auto;
 
+	&.woocommerce-launch-your-store-success {
+		overflow-x: clip;
+		min-width: unset;
+	}
+
 	.woocommerce-layout__primary {
 		margin: 0;
 		padding: 0;
@@ -14,6 +19,7 @@
 			display: flex;
 			flex-direction: row;
 			background-color: #fcfcfc;
+			min-height: 100vh;
 
 			.customize-your-store-edit-site-resizable-frame__inner-content {
 				height: 100%;

plugins/woocommerce/changelog/fix-lys-success-page-overflow

@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Fixed horizontal and vertical layout overflows on LYS success page