diff --git a/example/src/config.ts b/example/src/config.ts
index 2a39c3ec..603828fb 100644
--- a/example/src/config.ts
+++ b/example/src/config.ts
@@ -4,8 +4,8 @@ import {
 import { defaultFollowUps } from './samples/sample-data';
 import { Commands } from './commands';
 import { MynahUITabStoreTab, QuickActionCommandGroup } from '../../dist/static';
-export const WelcomeMessage = `Hi, this is \`MynahUI\` and it is a **data and event driven** web based chat interface library and it is independent from any framework like react or vue etc. 
-In this example web app which uses mynah-ui as its renderer, we're simulating its capabilities with some static content with an IDE look&feel. 
+export const WelcomeMessage = `Hi, this is \`MynahUI\` and it is a **data and event driven** web based chat interface library and it is independent from any framework like react or vue etc.
+In this example web app which uses mynah-ui as its renderer, we're simulating its capabilities with some static content with an IDE look&feel.
 
 *To see more examples about the possible content types, interactions or various component types, you can type \`/\` to open the quick actions list panel.*`;
 
@@ -31,7 +31,7 @@ export const QuickActionCommands:QuickActionCommandGroup[] = [
         command: Commands.SHOW_STICKY_CARD,
         description: 'You can stick a ChatItem card on top of the input field which will stay there independently from the conversation block. It might be handy to give some info to the user.',
       },
-      
+
     ],
   },
   {
diff --git a/src/styles/_scrollbars.scss b/src/styles/_scrollbars.scss
new file mode 100644
index 00000000..7fccc2a2
--- /dev/null
+++ b/src/styles/_scrollbars.scss
@@ -0,0 +1,8 @@
+* {
+  scrollbar-gutter: unset;
+  scrollbar-color: color-mix(
+    in hsl,
+    var(--mynah-color-text-default),
+    hsl(0, 100%, 100%) 90%)
+    transparent;
+}
diff --git a/src/styles/styles.scss b/src/styles/styles.scss
index 861b8934..cdfdc8f3 100644
--- a/src/styles/styles.scss
+++ b/src/styles/styles.scss
@@ -3,4 +3,5 @@
 @import 'animations';
 @import 'dark';
 @import 'favicons';
+@import 'scrollbars';
 @import './components/main-container';