1 files changed, 23 insertions, 14 deletions

diff --git a/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss b/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
index a9b4e2501..d2f8f13d1 100644
--- a/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
+++ b/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
@@ -25,9 +25,14 @@
     background: whitesmoke; 
     background-color: rgb(34, 34, 37);
     border-radius: 5px;
-    border: 1px solid whitesmoke;
+    border: 1px solid rgb(180, 180, 180);
     padding: 0px;
     font-size: 14px;
+    //box-shadow: 3px 3px rgb(29, 29, 31);
+
+    &:hover {
+        box-shadow: none;
+    }
      
     &.right{
         margin-left: 0px;
@@ -51,6 +56,7 @@
 .docCreatorMenu-menu-hr{
     margin-top: 0px;
     margin-bottom: 0px;
+    color: rgb(180, 180, 180);
 }
 
 //------------------------------------------------------------------------------------------------------------------------------------------
@@ -67,7 +73,7 @@
     margin: 5px;
     width: calc(100% - 10px);
     height: calc(100% - 51px);
-    border: 1px solid whitesmoke;
+    border: 1px solid rgb(180, 180, 180);
     border-radius: 5px;
 
     .docCreatorMenu-preview-window {
@@ -107,6 +113,7 @@
     justify-content: center;
     align-items: center;
     margin-top: 10px;
+    margin-bottom: 10px;
 
     &.layout{
         z-index: 5;
@@ -120,7 +127,7 @@
     background: whitesmoke; 
     background-color: rgb(34, 34, 37);
     border-radius: 5px;
-    border: 1px solid whitesmoke;
+    border: 1px solid rgb(180, 180, 180);
     padding: 0px;
     font-size: 12px;
     align-items: center;
@@ -142,10 +149,12 @@
     }
 
     &.config {
+        border-radius: 4px;
         border-top-right-radius: 0px;
         border-bottom-right-radius: 0px;
-        width: 60px;
+        width: 30px;
         border-right: 0px;
+        gap: 3px;
 
         &.layout-config {
             height: 20px;
@@ -167,17 +176,17 @@
     display: flex;
     height: 30px;
     background-color: rgb(34, 34, 37);
-    border-radius: 5px;
-    border: 1px solid whitesmoke;
+    border: 1px solid rgb(180, 180, 180);
     align-items: center;
     justify-content: center;
 
     &.config {
+        border-radius: 4px;
         margin: 0px;
         border-top-left-radius: 0px;
         border-bottom-left-radius: 0px;
         border-left: 0px;
-        width: 40px;
+        width: 25px;
 
         &.layout-config {
             height: 20px;
@@ -223,7 +232,7 @@
     margin: 5px;
     width: calc(100% - 10px);
     height: calc(100% - 51px);
-    border: 1px solid whitesmoke;
+    border: 1px solid rgb(180, 180, 180);
     border-radius: 5px;
 
     .docCreatorMenu-option-container{
@@ -250,16 +259,16 @@
                 overflow-y: scroll;
                 -ms-overflow-style: none; 
                 scrollbar-width: none;
-                border-bottom: solid 1px whitesmoke;
+                border-bottom: 1px solid rgb(180, 180, 180);
                 border-bottom-left-radius: 5px;
                 border-bottom-right-radius: 5px;
         
                 .docCreatorMenu-dropdown-option{
                     display: flex;
                     background-color: rgb(42, 42, 46);
-                    border-left: 1px solid whitesmoke;
-                    border-right: 1px solid whitesmoke;
-                    border-bottom: 1px solid whitesmoke;
+                    border-left: 1px solid rgb(180, 180, 180);
+                    border-right: 1px solid rgb(180, 180, 180);
+                    border-bottom: 1px solid rgb(180, 180, 180);
                     width: 140px;
                     height: 25px;
                     justify-content: center;
@@ -298,7 +307,7 @@
             height: auto;
             max-width: 240;
             max-height: 240;
-            border: 1px solid whitesmoke;
+            border: 1px solid rgb(180, 180, 180);
             border-radius: 5px;
             background-color: rgb(34, 34, 37);
             -ms-overflow-style: none; 
@@ -320,7 +329,7 @@
             background: whitesmoke; 
             background-color: rgb(34, 34, 37);
             border-radius: 3px;
-            border: 1px solid whitesmoke;
+            border: 1px solid rgb(180, 180, 180);
             padding: 0px;
             font-size: 10px;
             position: absolute;