diff --git a/src/components/MainPage/GuideCanvas.js b/src/components/MainPage/GuideCanvas.js
index 16f2419..ce3a5c0 100644
--- a/src/components/MainPage/GuideCanvas.js
+++ b/src/components/MainPage/GuideCanvas.js
@@ -74,7 +74,7 @@ class GuideCanvas extends Component {
         <div style={{ display: 'flex', flexDirection: 'row', margin: '20px' }}>
           <div
             style={{
-              display: 'none',
+              display: 'flex',
               flexDirection: 'column',
               alignItems: 'center',
               marginRight: '30px',
diff --git a/src/layout/Header.js b/src/layout/Header.js
index 6f2b771..9a23bc3 100644
--- a/src/layout/Header.js
+++ b/src/layout/Header.js
@@ -338,7 +338,7 @@ const GuideCodePage = (props) => {
         <Modal
           title=""
           visible={showCanvas}
-          width="450px"
+          width="650px"
           centered={true}
           onOk={() => {
             setshowCanvas(false);