diff --git a/src/pages/Editor/sections/OutputComponent/Output.jsx b/src/pages/Editor/sections/OutputComponent/Output.jsx
index 600f245f..ed13004a 100644
--- a/src/pages/Editor/sections/OutputComponent/Output.jsx
+++ b/src/pages/Editor/sections/OutputComponent/Output.jsx
@@ -22,7 +22,10 @@ const OutputComponent = ({ pageNo, show }) => {
 				className={`${classes.wrapper} col-11 col-lg-8 mx-auto mt-4 p-2`}
 				style={{ display: show || allPagesVisible ? "block" : "none" }}
 			>
-				<div id="outputPage" className={classes.outputBox +" outputPage col-12 mx-auto px-0"}>
+				<div
+					id="outputPage"
+					className={classes.outputBox + " outputPage col-12 mx-auto px-0"}
+				>
 					<div className={`${classes.imgContainer} col-12 mx-auto px-0`}>
 						<img
 							src={page.default}
diff --git a/src/pages/Editor/sections/OutputComponent/output.module.scss b/src/pages/Editor/sections/OutputComponent/output.module.scss
index 0c2241f9..dfd45bf6 100644
--- a/src/pages/Editor/sections/OutputComponent/output.module.scss
+++ b/src/pages/Editor/sections/OutputComponent/output.module.scss
@@ -2,7 +2,7 @@
 
 .wrapper {
 	border: 3px solid colors.$royal-blue;
-	.outputBox{
+	.outputBox {
 		position: relative;
 	}
 	.imgContainer {