diff --git a/src/main/resources/ui-structure/Casinogameui-blackwhite.css b/src/main/resources/ui-structure/Casinogameui-blackwhite.css
index 779c2b6..a761d99 100644
--- a/src/main/resources/ui-structure/Casinogameui-blackwhite.css
+++ b/src/main/resources/ui-structure/Casinogameui-blackwhite.css
@@ -493,27 +493,27 @@
 
 
 .scroll-pane {
-    -fx-background-color: transparent;
-    -fx-border-color: transparent;
+    -fx-background-color: transparent !important;
+    -fx-border-color: transparent !important;
 }
 
 .scroll-pane .scroll-bar:vertical,
 .scroll-pane .scroll-bar:horizontal {
-    -fx-background-color: transparent;
+    -fx-background-color: transparent !important;
 }
 
 .scroll-pane .scroll-bar .track {
-    -fx-background-color: #000000;
-    -fx-background-radius: 5;
+    -fx-background-color: #000000 !important;
+    -fx-background-radius: 5 !important;
 }
 
 .scroll-pane .scroll-bar .thumb {
-    -fx-background-color: #333333;
-    -fx-background-radius: 5;
+    -fx-background-color: #333333 !important;
+    -fx-background-radius: 5 !important;
 }
 
 .scroll-pane .scroll-bar .thumb:hover {
-    -fx-background-color: #666666;
+    -fx-background-color: #666666 !important;
 }
 
 .notebook-tips-list {
@@ -624,10 +624,10 @@
 
 .tab-chat-box {
     -fx-background-color: #000000 !important;
-    -fx-background-radius: 23 !important;
-    -fx-border-radius: 20 !important;
+    -fx-background-radius: 23;
+    -fx-border-radius: 20;
     -fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10 !important;
-    -fx-border-width: 3 !important;
+    -fx-border-width: 3;
     -fx-padding: 20;
 }
 
@@ -647,22 +647,22 @@
 
 .tab-pane .tab-header-area .tab-header-background {
     -fx-opacity: 0;
-    -fx-background-color: #000000 !important;
+    -fx-background-color: transparent;
     -fx-background-radius: 18 !important;
     -fx-border-radius: 10 !important;
-    -fx-border-color: #000000 !important;
+    /*-fx-border-color: #000000 !important;*/
     -fx-border-width: 5;
     -fx-padding: 10;
-    -fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0), 0, 0, 0, 0) !important;
+    /*-fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0), 0, 0, 0, 0) !important;*/
     -fx-min-height: 10;
 }
 
 .tab-pane .tab {
-    -fx-background-color: #000000 !important;
+    -fx-background-color: transparent;
     -fx-background-radius: 18 !important;
     -fx-border-radius: 10 !important;
-    -fx-border-color: #000000 !important;
-    -fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0), 0, 0, 0, 0) !important;
+    /*-fx-border-color: #000000 !important;*/
+    /*-fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0), 0, 0, 0, 0) !important;*/
     -fx-border-width: 5;
     -fx-padding: 6 15;
 }
diff --git a/src/main/resources/ui-structure/components/chatui/chatui.css b/src/main/resources/ui-structure/components/chatui/chatui.css
index 5e95cd5..c362794 100644
--- a/src/main/resources/ui-structure/components/chatui/chatui.css
+++ b/src/main/resources/ui-structure/components/chatui/chatui.css
@@ -9,12 +9,11 @@
 }
 
 .tab-chat-box {
-
     -fx-background-color: #0d9e3b;
-    -fx-background-radius: 58;
-    -fx-border-radius: 50;
-    -fx-border-color: #0d763b #0d623b #0d623b #0d763b;
-    -fx-border-width: 12;
+    -fx-background-radius: 23;
+    -fx-border-radius: 20;
+    -fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10;
+    -fx-border-width: 3;
     -fx-padding: 20;
 }
 
@@ -121,76 +120,59 @@
     -fx-background-color: transparent;
     -fx-background: transparent;
 }
+
 .scroll-pane {
     -fx-background-color: transparent;
     -fx-border-color: transparent;
 }
 
-.scroll-pane .scroll-bar:vertical {
+.scroll-pane .scroll-bar:vertical,
+.scroll-pane .scroll-bar:horizontal {
     -fx-background-color: transparent;
 }
 
 .scroll-pane .scroll-bar .track {
-    -fx-background-color: #5c3d10;
-    -fx-background-insets: 0;
+    /*-fx-background-color: #5c3d10;*/
+    -fx-background-color: transparent;
     -fx-background-radius: 5;
 }
 
 .scroll-pane .scroll-bar .thumb {
     -fx-background-color: #3d260a;
-    -fx-background-insets: 0;
-    -fx-background-radius: 5;
-    -fx-pref-width: 6;
-    -fx-pref-height: 6;
-    -fx-padding: 0;
-}
-
-.scroll-pane .scroll-bar:horizontal {
-    -fx-background-color: transparent;
-}
-
-.scroll-pane .scroll-bar:horizontal .track {
-    -fx-background-color: #5c3d10;
     -fx-background-radius: 5;
 }
 
-.scroll-pane .scroll-bar:horizontal .thumb {
-    -fx-background-color: #3d260a;
-    -fx-background-radius: 5;
-    -fx-pref-height: 6;
-}
-
-.scroll-pane .scroll-bar:horizontal .thumb:hover {
-    -fx-pref-height: 10;
+.scroll-pane .scroll-bar .thumb:hover {
+    -fx-background-color: #2a1b07;
 }
 
 .tab-pane .tab-header-area .tab-header-background {
     -fx-opacity: 0;
-    -fx-background-color: #0d9e3b;
+    -fx-background-color: transparent;
     -fx-background-radius: 18;
     -fx-border-radius: 10;
-    -fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10;
+    /*-fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10;*/
     -fx-border-width: 5;
     -fx-padding: 10;
-    -fx-effect: dropshadow(one-pass-box, rgba(0,0,0,1), 0, 0, 15, 15);
+    /*-fx-effect: dropshadow(one-pass-box, rgba(0,0,0,1), 0, 0, 15, 15);*/
     -fx-min-height: 10;
 }
 
 .tab-pane .tab {
-    -fx-background-color: #0d983b;
+    -fx-background-color: transparent;
     -fx-background-radius: 28;
     -fx-border-radius: 10;
-    -fx-border-color: #0d873b #0d733b #0d733b #0d873b;
+    /*-fx-border-color: #0d873b #0d733b #0d733b #0d873b;*/
     -fx-border-width: 5;
     -fx-padding: 6 15;
 }
 
 .tab-pane .tab:selected {
-    -fx-background-color: #0d873b;
+    -fx-background-color: #0d9e3b;
     -fx-background-radius: 18;
     -fx-border-radius: 10;
-    -fx-border-color: #0d763b #0d623b #0d623b #0d763b;
-    -fx-border-width: 5;
+    -fx-border-color: #5c3d10 #3d260a #3d260a #5c3d10;
+    -fx-border-width: 3;
     -fx-padding: 6 15;
 }
 
@@ -232,7 +214,6 @@
     -fx-background-radius: 4;
     -fx-padding: 6 15;
     -fx-cursor: hand;
-
 }
 
 .menu-button:hover {
@@ -245,4 +226,3 @@
     -fx-border-color: #ffd700;
     -fx-text-fill: #ffffff
 }
-