diff --git a/components/CustomizationSettings.vue b/components/CustomizationSettings.vue
index d6f255a..e980304 100644
--- a/components/CustomizationSettings.vue
+++ b/components/CustomizationSettings.vue
@@ -109,7 +109,10 @@ const activeTab = ref('colors')
 			color: var(--c-accent);
 			border-radius: inherit;
 			cursor: pointer;
-			transition: background-color 0.15s ease-out, color 0.15s ease-out, transform 0.1s ease-out;
+			transition:
+				background-color 0.15s ease-out,
+				color 0.15s ease-out,
+				transform 0.1s ease-out;
 			user-select: none;
 
 			&:hover:not(.active) {
diff --git a/styles/abstract/_ds.scss b/styles/abstract/_ds.scss
index 235743e..25ecab1 100644
--- a/styles/abstract/_ds.scss
+++ b/styles/abstract/_ds.scss
@@ -110,7 +110,7 @@ body {
     --dsw-alias-label-primary-inverted: var(--c-on-accent) !important;
     --dsw-alias-label-primary: var(--c-txt) !important; // markdown <p> txt too
     --dsw-alias-label-secondary: var(--c-subtext-2) !important;
-    --dsw-alias-label-tertiary: var(--c-subtext-1) !important;
+    --dsw-alias-label-tertiary: var(--c-accent) !important; // chats footer icons
     --dsw-alias-markdown-citation: var(--c-accent-hover) !important;
     --dsw-alias-markdown-code-block-banner: var(--c-bg-pre) !important;
     --dsw-alias-markdown-code-block: var(--c-bg-pre) !important;
@@ -118,8 +118,14 @@ body {
     // --dsw-alias-markdown-code-segment-unselected: var(--dsw-static-neutral-bluish-75);
     // --dsw-alias-markdown-inline-code: var(--dsw-static-neutral-bluish-100);
     --dsw-alias-markdown-tag: hsla(var(--accent-hsl) / 0.1) !important;
+
     --dsw-alias-scrollbar-bg: hsla(var(--accent-hsl) / 0.15) !important;
+    --dsw-alias-scrollbar-bg-l1: hsla(var(--accent-hsl) / 0.15) !important;
+    --dsw-alias-scrollbar-bg-l2: hsla(var(--accent-hsl) / 0.15) !important;
+    --dsw-alias-scrollbar-hover-l1: hsla(var(--accent-hsl) / 0.2) !important;
+    --dsw-alias-scrollbar-hover-l2: hsla(var(--accent-hsl) / 0.2) !important;
     --dsw-alias-scrollbar-hover: hsla(var(--accent-hsl) / 0.2) !important;
+
     --dsw-alias-state-error-primary: var(--c-danger) !important;
     --dsw-alias-state-error-secondary: var(--c-danger) !important;
     --dsw-alias-state-success-primary: var(--c-accent) !important;
diff --git a/styles/abstract/_root.scss b/styles/abstract/_root.scss
index 36c8e5b..8fd8d4c 100644
--- a/styles/abstract/_root.scss
+++ b/styles/abstract/_root.scss
@@ -30,15 +30,15 @@
     --w-scrollbar: 0.365rem;
 
     /* ? --- DSX floating roller btn --- */
-    --roller-top: calc(var(--h-header) + 0.125rem);
+    --roller-top: calc(var(--h-header) + 0.4rem);
     // --roller-top: calc(var(--h-header) / 4);
     // --roller-right: var(--roller-top);
-    --roller-right: 0.2rem;
+    --roller-right: 1rem;
     --roller-size: 2.2rem;
 
     /* ? --- Border-radius --- */
     --br: 1rem;
-    --br-chat-bubble: calc(var(--br) * 2.4);
+    --br-chat-bubble: calc(var(--br) * 2);
     // --br-prompt-textarea: calc(var(--br) * 0.2);
     --br-btn: calc(var(--br) * 0.9);
     --br-dialog: calc(var(--br) * 2.5);
diff --git a/styles/components/_btn.scss b/styles/components/_btn.scss
index b0561b9..690d471 100644
--- a/styles/components/_btn.scss
+++ b/styles/components/_btn.scss
@@ -21,6 +21,7 @@ button {
 	}
 }
 
+/* This should be replaced with ds-basic-button, removed css vars with fixed style fior all states and bg/color */
 .ds-button {
 	--button-ring-color: var(--c-accent-hover) !important;
 	--c-button-hover-text-color: inherit;
diff --git a/styles/components/_icons.scss b/styles/components/_icons.scss
index 0b943c0..90fa879 100644
--- a/styles/components/_icons.scss
+++ b/styles/components/_icons.scss
@@ -1,32 +1,3 @@
-/* svg wrapper icons like in sidebar etc. */
-.ds-icon-button {
-    // --ds-icon-button-text-color: var(--c-subtext-1) !important;
-    --ds-icon-button-text-color: var(--c-accent) !important;
-    --ds-icon-button-hover-color: var(--c-accent-hover) !important;
-    --ds-icon-button-outline-color: var(--c-accent-hover) !important;
-    // --ds-icon-button-size: 28px;
-    // --ds-icon-button-background-inset: -4px;
-    color: var(--ds-icon-button-text-color) !important;
-
-    // &:hover {
-
-    //     &::before {
-    //         --dsr-side-icon-hover: var(--c-accent-hover) !important;
-    //         // background-color: var(--c-accent-hover) !important;
-    //     }
-    // }
-
-    &:hover {
-        &::before {
-            background-color: var(--ds-icon-button-hover-color) !important;
-        }
-    }
-}
-
-// .ds-button > .ds-button__icon {
-//     color: currentColor !important;
-// }
-
 .ds-button__icon {
     color: currentColor !important;
 
diff --git a/styles/elements/_right--main.scss b/styles/elements/_right--main.scss
index 425c2ab..b7ed067 100644
--- a/styles/elements/_right--main.scss
+++ b/styles/elements/_right--main.scss
@@ -77,7 +77,7 @@
     }
 
     /* Thinking very top parent */
-    ._7d763a7 {
+    ._74c0879 {
 
         /* "Read X web pages" */
         .ffdab56b.ddbfd84f {
@@ -89,7 +89,6 @@
 
             &:before {
                 opacity: 1 !important;
-
             }
 
         }
@@ -115,10 +114,6 @@
                 background: none !important;
             }
         }
-    }
-
-    /* Thinking text parent (with "Thought for X seconds" note) */
-    ._48edb25 {
 
         /* Thinking process texts */
         .ds-think-content {
@@ -138,7 +133,7 @@
             /* Thinking border on the left */
             ._9ecc93a {
                 border-color: currentColor !important;
-                opacity: 0.6;
+                opacity: 0.4;
             }
 
             .ds-markdown {
@@ -148,6 +143,38 @@
         }
     }
 
+    /* Thinking text parent (with "Thought for X seconds" note) */
+    // // ._48edb25,
+    // ._74c0879 {
+
+    //     /* Thinking process texts */
+    //     .ds-think-content {
+    //         --thinking-p-left: 13px; // this is from ds deafult
+    //         color: var(--c-subtext-2) !important;
+    //         transition: font-size 0.15s ease-in-out,
+    //             line-height 0.15s ease-in-out;
+
+    //         // @include toggleStyles('thinking-process', ()) {
+    //         //     display: none !important;
+    //         // }
+
+    //         &:not(:empty) {
+    //             @extend .fadeIn;
+    //         }
+
+    //         /* Thinking border on the left */
+    //         ._9ecc93a {
+    //             border-color: currentColor !important;
+    //             opacity: 0.6;
+    //         }
+
+    //         .ds-markdown {
+    //             font-size: calc(calc((var(--fontSize) / 16) * 1rem) * 0.85) !important;
+    //             line-height: calc((var(--lineHeight) / 16) * 0.85) !important;
+    //         }
+    //     }
+    // }
+
     /* Shirmer animation on "Thought" txt while thinking */
     .e4b3a110 .cac31b5e {
         background: linear-gradient(90deg, hsla(var(--accent-hsl)/ 0) 0%, hsla(var(--accent-hsl)/ .7) 54.51%, hsla(var(--accent-hsl)/ 0) 109.02%);
diff --git a/styles/elements/_right--markdown.scss b/styles/elements/_right--markdown.scss
index b62e124..bdf7597 100644
--- a/styles/elements/_right--markdown.scss
+++ b/styles/elements/_right--markdown.scss
@@ -157,4 +157,21 @@ blockquote {
     @include bg-accent-inverse;
     border-left: 3px solid var(--c-accent) !important;
     border-radius: .5rem !important;
+}
+
+/* Markdown table overlapping the chat bubble, make it scrollable instead */
+._1210dd7:has(th:nth-child(4), td:nth-child(4)):not(blockquote ._1210dd7).c03cafe9 {
+    /* Original style
+    
+        --padding-left: calc((var(--message-area-width) - (var(--message-list-max-width) - 2 * var(--message-list-padding-horizontal))) / 2 + (var(--message-list-max-width) - 2 * var(--message-list-padding-horizontal) - 100%));
+        --padding-right: 54px;
+        width: calc(var(--message-area-width) - var(--padding-left) - var(--padding-right));
+        padding-left: var(--padding-left);
+        padding-right: var(--padding-right);
+        margin-left: calc(-1 * var(--padding-left));
+    */
+
+    margin: 0 auto !important;
+    width: 100% !important;
+    padding: 0 !important;
 }
\ No newline at end of file
diff --git a/styles/elements/_right--textarea.scss b/styles/elements/_right--textarea.scss
index efffbbd..110763d 100644
--- a/styles/elements/_right--textarea.scss
+++ b/styles/elements/_right--textarea.scss
@@ -31,8 +31,12 @@
         box-shadow: none !important;
     }
 
+    /* Chatbox footer */
+    // .ec4f5d61 {}
+
+
     /* "DeepThink R1" and "Search" btn */
-    ._70150b8 {
+    .ds-toggle-button {
         color: var(--c-accent) !important;
 
         .ds-icon {
@@ -47,6 +51,7 @@
         }
     }
 
+
     /* attach btn next to send button (input="file") */
     .f02f0e25 {
         &:hover {
diff --git a/styles/elements/_sidebar.scss b/styles/elements/_sidebar.scss
index 000fd20..525bf8f 100644
--- a/styles/elements/_sidebar.scss
+++ b/styles/elements/_sidebar.scss
@@ -47,7 +47,7 @@
     }
 
     /* Sidebar date pill: "yesterday, today, 7 days" etc */
-    ._48cdfc1 {
+    .f3d18f6a {
         @extend %date-pill;
     }
 }
diff --git a/styles/global/_scrollbars.scss b/styles/global/_scrollbars.scss
index 6ab7c07..387acd0 100644
--- a/styles/global/_scrollbars.scss
+++ b/styles/global/_scrollbars.scss
@@ -53,7 +53,7 @@ $scrollbar-sizes: (
     $width: map.get($scrollbar-sizes, $size);
 
     scrollbar-width: if($size ==thin, thin, auto);
-    scrollbar-color: var(--c-scrollbar-thumb) var(--c-scrollbar-track);
+    scrollbar-color: var(--c-scrollbar-thumb) var(--c-scrollbar-track) !important;
 
     &::-webkit-scrollbar {
         width: $width;