diff --git a/web/src/assets/login.css b/web/src/assets/login.css
index e8bd3dd195..5cbb54ed17 100644
--- a/web/src/assets/login.css
+++ b/web/src/assets/login.css
@@ -19,9 +19,9 @@
   padding: 6px 16px;
   width: 100%;
   height: 42px;
-  background: #00A99D;
+  background: #00a99d;
   border-radius: 64px;
-  border-color: #00A99D;
+  border-color: #00a99d;
 }
 
 .login-panel .ant-btn-primary:focus,
@@ -34,13 +34,13 @@
 
 .login-panel .ant-form-item-control-input-content,
 .login-panel .ant-form-item-control-input-content a {
-  color: #00A99D;
+  color: #00a99d;
 }
 
 .login-panel .ant-input-lg {
   font-size: 16px;
   border: 0px;
-  border-bottom: 1px solid #9CA2A8;
+  border-bottom: 1px solid #9ca2a8;
   border-radius: 0;
   padding: 6.5px 11px;
 }
@@ -50,8 +50,8 @@
   background-image: none;
   border: 0px;
   border-radius: 0;
-  border-bottom: 1px solid #9CA2A8;
-  color: rgba(0, 0, 0, .85);
+  border-bottom: 1px solid #9ca2a8;
+  color: rgba(0, 0, 0, 0.85);
   display: inline-block;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -60,13 +60,13 @@
   min-width: 0;
   padding: 4px 11px;
   position: relative;
-  transition: all .3s;
+  transition: all 0.3s;
   width: 100%;
 }
 
 .login-panel .anticon svg {
   display: inline-block;
-  color: #47C8BF;
+  color: #47c8bf;
 }
 
 .login-panel button {
@@ -78,7 +78,7 @@
   border-color: #00a99d;
 }
 
-.login-panel .ant-checkbox-input:focus+.ant-checkbox-inner,
+.login-panel .ant-checkbox-input:focus + .ant-checkbox-inner,
 .login-panel .ant-checkbox-wrapper:hover .ant-checkbox-inner,
 .login-panel .ant-checkbox:hover .ant-checkbox-inner {
   border-color: #00a99d;
@@ -121,4 +121,4 @@
   display: none;
 }
 
-/* </style> */
\ No newline at end of file
+/* </style> */
diff --git a/web/src/components/Editor/JsonEditor.tsx b/web/src/components/Editor/JsonEditor.tsx
index 767642ea5f..cad5ec6822 100644
--- a/web/src/components/Editor/JsonEditor.tsx
+++ b/web/src/components/Editor/JsonEditor.tsx
@@ -11,7 +11,7 @@ monaco?.editor.defineTheme("JsonEditorTheme", {
     "editor.background": "#ffffff00",
     "editorLineNumber.foreground": "#aaa",
     "editorOverviewRuler.border": "#ffffff00",
-    "editor.lineHighlightBackground": "#e0f2f2",
+    "editor.lineHighlightBackground": "#F7F8FA",
     "scrollbarSlider.background": "#E8EAEC",
     "editorIndentGuide.activeBackground": "#ddd",
     "editorIndentGuide.background": "#eee",
diff --git a/web/src/components/SectionList/index.module.scss b/web/src/components/SectionList/index.module.scss
index ecb6be7aea..fc3a791c18 100644
--- a/web/src/components/SectionList/index.module.scss
+++ b/web/src/components/SectionList/index.module.scss
@@ -33,4 +33,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/web/src/pages/app/logs/index.module.scss b/web/src/pages/app/logs/index.module.scss
index 51dc4677d9..45a2ba5e6a 100644
--- a/web/src/pages/app/logs/index.module.scss
+++ b/web/src/pages/app/logs/index.module.scss
@@ -9,4 +9,4 @@
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
     "Courier New", monospace;
   color: var(--chakra-colors-primary-600);
-}
\ No newline at end of file
+}
diff --git a/web/src/pages/app/mods/SideBar/index.module.scss b/web/src/pages/app/mods/SideBar/index.module.scss
index 0df5b3ec52..727a2067aa 100644
--- a/web/src/pages/app/mods/SideBar/index.module.scss
+++ b/web/src/pages/app/mods/SideBar/index.module.scss
@@ -1,5 +1,5 @@
 .icon {
-  color: #888D97;
+  color: #888d97;
   cursor: pointer;
   border-radius: 4px;
   height: 52px;
@@ -25,4 +25,4 @@
   width: 100%;
   position: absolute;
   bottom: 10px;
-}
\ No newline at end of file
+}
diff --git a/web/src/pages/app/mods/SideBar/index.tsx b/web/src/pages/app/mods/SideBar/index.tsx
index aa3572084c..061392b10e 100644
--- a/web/src/pages/app/mods/SideBar/index.tsx
+++ b/web/src/pages/app/mods/SideBar/index.tsx
@@ -138,7 +138,7 @@ export default function SideBar() {
                   }}
                 >
                   {item.component}
-                  <p>{item.name ? item.name : null}</p>
+                  <p className="scale-90">{item.name ? item.name : null}</p>
                 </Center>
               );
             })}
diff --git a/web/src/pages/home/mods/CreateAppModal/index.tsx b/web/src/pages/home/mods/CreateAppModal/index.tsx
index 0c65f19c3c..10ccbcf648 100644
--- a/web/src/pages/home/mods/CreateAppModal/index.tsx
+++ b/web/src/pages/home/mods/CreateAppModal/index.tsx
@@ -44,16 +44,16 @@ const CreateAppModal = (props: { application?: any; children: React.ReactElement
     runtimeName: string;
   };
 
+  const bundles = regions[0].bundles;
+
   const defaultValues = {
     name: application.name,
     state: application.state || APP_STATUS.Running,
     region: application.regionName || regions[0].name,
-    bundleName: application.bundleName,
+    bundleName: application.bundleName || bundles[0].name,
     runtimeName: runtimes[0].name,
   };
 
-  const bundles = regions[0].bundles;
-
   const {
     register,
     handleSubmit,