diff --git a/web/src/App.less b/web/src/App.less
index a14c39d2..b51a4b3d 100644
--- a/web/src/App.less
+++ b/web/src/App.less
@@ -96,33 +96,34 @@
 
 .side-image {
   display: none;
-  @media screen and (min-width: 1100px){
+
+  @media screen and (min-width: 1100px) {
     display: block;
     position: relative;
     width: 500px;
-    border-right: 0.5px solid rgb(196, 203, 215);
+    border-right: 0.5px solid rgb(196 203 215);
   }
 }
 
-.forget-content{
+.forget-content {
   padding: 10px 100px 20px;
-  border: 2px solid #ffffff;
+  border: 2px solid #fff;
   border-radius: 7px;
-  background-color: rgb(255, 255, 255);
-  box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
+  background-color: rgb(255 255 255);
+  box-shadow: 0 0 20px rgb(0 0 0 / 20%);
 }
 
-.login-panel{
+.login-panel {
   margin-top: 50px;
   margin-bottom: 50px;
   display: flex;
-  background-color: rgb(255, 255, 255);
+  background-color: rgb(255 255 255);
   overflow: hidden;
 }
 
-.login-form{
+.login-form {
   text-align: center;
-  padding: 30px;
+  padding: 10px;
 }
 
 .login-content {
diff --git a/web/src/ApplicationEditPage.js b/web/src/ApplicationEditPage.js
index fd5c7f94..271f99ce 100644
--- a/web/src/ApplicationEditPage.js
+++ b/web/src/ApplicationEditPage.js
@@ -40,17 +40,16 @@ require("codemirror/mode/css/css");
 
 const {Option} = Select;
 
-const template = `<!--template: please copy and paste-->
-<style>
-   .login-panel{
+const template = `<style>
+  .login-panel{
+    padding: 40px 70px 0 70px;
     border-radius: 10px;
     background-color: #ffffff;
-    box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
+    box-shadow: 0 0 30px 20px rgba(0, 0, 0, 0.20);
 }
-</style>
-`;
-const sideTemplate = `<!--template: please copy and paste-->
-<style>
+</style>`;
+
+const sideTemplate = `<style>
   .left-model{
     text-align: center;
     padding: 30px;
@@ -630,7 +629,7 @@ class ApplicationEditPage extends React.Component {
             <Popover placement="right" content={
               <div style={{width: "900px", height: "300px"}} >
                 <CodeMirror value={this.state.application.formCss === "" ? template : this.state.application.formCss}
-                  options={{mode: "htmlmixed", theme: "material-darker"}}
+                  options={{mode: "css", theme: "material-darker"}}
                   onBeforeChange={(editor, data, value) => {
                     this.updateApplicationField("formCss", value);
                   }}