diff --git a/ui/src/components/Terminal.vue b/ui/src/components/Terminal.vue
index 6995714e..9c24d62b 100644
--- a/ui/src/components/Terminal.vue
+++ b/ui/src/components/Terminal.vue
@@ -7,7 +7,7 @@
         :close-on-press-escape="false"
         :close-on-click-modal="false"
         :show-close="false"
-        center>
+        align-center>
       <el-row type="flex" justify="center">
         <el-upload drag action="#" :auto-upload="false" :multiple="false" ref="upload"
                    :on-change="handleFileChange">
diff --git a/ui/src/styles/index.css b/ui/src/styles/index.css
index 2218dd39..bce9c23d 100644
--- a/ui/src/styles/index.css
+++ b/ui/src/styles/index.css
@@ -96,6 +96,34 @@ body ::-webkit-scrollbar-thumb {
   padding-top: 10px!important;
 }
 
+.el-upload-dragger{
+  background-color: #3f3d3d;
+}
+
+.el-upload-dragger:hover{
+  border-color: rgb(134, 133, 133);
+}
+
+.el-upload-dragger .el-upload__text {
+  color: #fff;
+}
+
+.el-dialog__footer .el-button {
+  color: rgb(0, 0, 0, 0.5);
+  background: #f0f0f0;
+  border-color: #f0f0f0;
+}
+
+.el-dialog__footer .el-button:hover {
+  background: rgb(134, 133, 133);
+  border-color: rgb(134, 133, 133);
+}
+
+.el-dialog__footer .el-button.is-disabled:hover{
+  color: rgb(0, 0, 0, 0.5);
+  background: none;
+}
+
 .menu-list li {
   cursor: pointer;
 }