diff --git a/public/self/dataset_preview.js b/public/self/dataset_preview.js
index af6997e0b..648834d83 100644
--- a/public/self/dataset_preview.js
+++ b/public/self/dataset_preview.js
@@ -709,15 +709,18 @@ function showlabelflist(){
 
 }
 function setColor(){
-  
+  colorinfo1 = ['rgba(0, 199, 255, 0.4)','rgba(114, 46, 209, 0.4)','rgba(188, 100, 164, 0.4)','rgba(153, 204, 0, 0.4)','rgba(51, 204, 153, 0.4)','rgba(255, 204, 51, 0.4)',
+  'rgba(71, 255, 71, 0.4)','rgba(255, 154, 71, 0.4)','rgba(71, 126, 255, 0.4)','rgba(71, 255, 255, 0.4)','rgba(255, 247, 71, 0.4)','rgba(196, 127, 255, 0.4)','rgba(233, 84, 100, 0.4)',
+  'rgba(255, 71, 204, 0.4)',' rgba(43, 199, 160, 0.4)']
+  colorinfo2 = ['#00C7FF','#722ED1','#BC64A4','#99CC00','#33CC99','#FFCC33','#47FF47','#FF9A47','#477EFF','#47FFFF','#FFF747','#C47FFF','#E95464','#FF47CC','#2BC7A0']
   var el_span = document.querySelectorAll("span.labelInfo")
   for (var i=0;i<el_span.length;i++){
-    var colorinfo = ~~(Math.random()*(1<<24))
-    var colorinfo1 = '#'+(colorinfo).toString(16)
-    var colorinfo2 = '#'+(colorinfo+100).toString(16)
+    // var colorinfo = ~~(Math.random()*(1<<24))
+    // var colorinfo1 = '#'+(colorinfo).toString(16)
+    // var colorinfo2 = '#'+(colorinfo+100).toString(16)
     
-    el_span[i].style.backgroundColor = colorinfo1
-    el_span[i].style.borderLeft = '6px solid'+ colorinfo2
+    el_span[i].style.backgroundColor = colorinfo1[i]
+    el_span[i].style.borderLeft = '5px solid'+ colorinfo2[i]
   }
 
 }
diff --git a/templates/repo/datasets/dirs/index.tmpl b/templates/repo/datasets/dirs/index.tmpl
index 4e5ef8331..1609f18a3 100755
--- a/templates/repo/datasets/dirs/index.tmpl
+++ b/templates/repo/datasets/dirs/index.tmpl
@@ -1,3 +1,6 @@
+<style>
+form {margin-block-end: 0;}
+</style>
 <div style="background:#fff">
   {{template "base/head" .}}
   <div class="repository dataset dir-list view">