Horizontal Scrollbar doesn't match to my design of a component

Hi there!

actually I am facing a problem in making a horizontal scroll bar for my section on mobile screen, I have designed scrollbar but it doesn’t match the scrollbar which is in the design, here is the design link (https://www.figma.com/file/BnAB4QG9IRi9ZZi0fHcnTU/Untitled?node-id=1%3A2&t=5JnFUNl1VKINqCL5-1), now in the design if you scroll down you will see a section name “Deutsche VS. the rest”, under this heading you will see some content & under that content you will see a horizontal scrollbar, so i have to make that scrollbar but I couldn’t do .
Here is my Scollbar which I created and the CSS I used for this:

::-webkit-scrollbar {
background-color: #F5F5F5;
width: 6px;
height: 6px;
border-radius: 15px;

::-webkit-scrollbar-thumb {
background-color: #C0C0C0;
border: none;
border-radius: 15px;
width: 12px;
height: 12px;

My Scrollbar