diff --git a/src/view/components/Simulator.tsx b/src/view/components/Simulator.tsx
index 2c1df1245..181c3ba70 100644
--- a/src/view/components/Simulator.tsx
+++ b/src/view/components/Simulator.tsx
@@ -119,7 +119,7 @@ class Simulator extends React.Component<any, IState> {
     const image = this.state.play_button ? StopLogo : PlayLogo;
     return (
       <div className="simulator">
-        <div>
+        <div className="cpx-container">
           <Cpx
             pixels={this.state.cpx.pixels}
             brightness={this.state.cpx.brightness}
diff --git a/src/view/components/cpx/Cpx_svg.tsx b/src/view/components/cpx/Cpx_svg.tsx
index ef295c1be..a1f8cf973 100644
--- a/src/view/components/cpx/Cpx_svg.tsx
+++ b/src/view/components/cpx/Cpx_svg.tsx
@@ -9,8 +9,7 @@ export const CPX_SVG = (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     id="cpx_svg"
-    width="360"
-    height="360"
+    width="45%"
     viewBox="0 0 180.094 179.229"
   >
     <defs id="defs6">
diff --git a/src/view/styles/Simulator.css b/src/view/styles/Simulator.css
index 7fcc7f8f8..270415fb6 100644
--- a/src/view/styles/Simulator.css
+++ b/src/view/styles/Simulator.css
@@ -2,6 +2,10 @@
   display: flex;
   flex-direction: column;
   justify-content: center;
+  max-width: 700px;
+  max-height: 700px;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 .buttons {