JSFiddle - React, Tailwind, and code Playground

by Marcos Moitas

HTML

<div class="item">
  <div class="item--icon">
    <svg viewBox="0 0 26 26" id="nav--banking" xmlns="http://www.w3.org/2000/svg"><path d="M18.002 11h4a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1zm1 2v7h2v-7h-2zm-8-2h4a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1zm1 2v7h2v-7h-2zm-8-2h4a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1zm1 2v7h2v-7h-2zm-3.48-4.878l11-6a1 1 0 0 1 .958 0l11 6c.91.496.558 1.878-.478 1.878h-22c-1.036 0-1.389-1.382-.48-1.878zM20.08 8l-7.078-3.86L5.923 8H20.08zm3.922 15a1 1 0 0 1 0 2h-22a1 1 0 0 1 0-2h22z"></path></svg>
  </div>
  <div class="item--icon">
    <svg viewBox="0 0 26 26" id="nav--banking" xmlns="http://www.w3.org/2000/svg"><path d="M18.002 11h4a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1zm1 2v7h2v-7h-2zm-8-2h4a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1zm1 2v7h2v-7h-2zm-8-2h4a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1zm1 2v7h2v-7h-2zm-3.48-4.878l11-6a1 1 0 0 1 .958 0l11 6c.91.496.558 1.878-.478 1.878h-22c-1.036 0-1.389-1.382-.48-1.878zM20.08 8l-7.078-3.86L5.923 8H20.08zm3.922 15a1 1 0 0 1 0 2h-22a1 1 0 0 1 0-2h22z"></path></svg>
  </div>
  <div class="item--icon">
    <svg viewBox="0 0 26 26" id="nav--banking" xmlns="http://www.w3.org/2000/svg"><path d="M18.002 11h4a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1zm1 2v7h2v-7h-2zm-8-2h4a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1zm1 2v7h2v-7h-2zm-8-2h4a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1zm1 2v7h2v-7h-2zm-3.48-4.878l11-6a1 1 0 0 1 .958 0l11 6c.91.496.558 1.878-.478 1.878h-22c-1.036 0-1.389-1.382-.48-1.878zM20.08 8l-7.078-3.86L5.923 8H20.08zm3.922 15a1 1 0 0 1 0 2h-22a1 1 0 0 1 0-2h22z"></path></svg>
  </div>
  <div class="item--icon">
    <svg viewBox="0 0 26 26" id="nav--banking" xmlns="http://www.w3.org/2000/svg"><path d="M18.002 11h4a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1zm1...

SCSS

.item {
  width: 64px;
  height: 200px;
  background: aqua;
  overflow-y: auto;
  
  &--icon {
    width: 56px;
    height: 56px;
    background: red;
    margin-bottom: 8px;
  }
  
  &::-webkit-scrollbar {
    width: 8px;
    margin: 4px;
  }
  &::-webkit-scrollbar-thumb {
    width: 8px;
    margin: 4px;
    border-radius: 10px;
    background-color: pink;
  }
}