# Customizing the scroll bar

**URL:** https://meta.discourse.org/t/customizing-the-scroll-bar/121521
**Category:** Development
**Created:** [June 27, 2019, 6:18pm UTC](https://meta.discourse.org/t/customizing-the-scroll-bar/121521 "2019-06-27T18:18:49Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![nexo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nexo/32/106384_2.png) [@nexo](https://meta.discourse.org/u/nexo)
#### Post date: [June 27, 2019, 6:18pm UTC](https://meta.discourse.org/t/customizing-the-scroll-bar/121521/1 "2019-06-27T18:18:49Z")

</div>

I’ve brought this up before and got a helpful answer (thank you), but I’m applying this code to quick messages input composer and nothing’s happening.

```plaintext
      -webkit-appearance: none;
      width: 10px;
    }

    &::-webkit-scrollbar-thumb {
      cursor: pointer;
      border-radius: 5px;
      background: dark-light-choose($primary-medium, $secondary-medium);
    }

    &::-webkit-scrollbar-track {
      background: transparent;
      border-radius: 0;
    }

```

 ![image](https://global.discourse-cdn.com/meta/original/3X/f/c/fc67e7282bb3df7cb2fe2545d3210abb73e247d0.png)

> [@How to change scrollbars](https://meta.discourse.org/t/how-to-change-scrollbars/116037/3):
>
> This is what I used for this: &::-webkit-scrollbar { -webkit-appearance: none; width: 10px; } &::-webkit-scrollbar-thumb { cursor: pointer; border-radius: 5px; background: dark-light-choose($primary-medium, $secondary-medium); } &::-webkit-scrollbar-track { background: transparent; border-radius: 0; } You can learn more about all of this here: [::-webkit-scrollbar CSS pseudo-element - CSS | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar) Honestly I’m not a super huge fa…

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [December 18, 2022, 4:21am UTC](https://meta.discourse.org/t/customizing-the-scroll-bar/121521/2 "2022-12-18T04:21:08Z")

</div>