title: How to reduce size of customized scroll bar in Sublime Text 3
body: <p>I have customized my scroll bar by referencing one answer from stackoverflow.</p>
  <p>This is my Material-Theme-Darker.sublime-theme file</p>
  <pre><code>[    
      // More visible scrollbar
      {
          &quot;class&quot;: &quot;puck_control&quot;,
          &quot;layer0.texture&quot;: &quot;User/theme_override/scroll_puck.png&quot;,
          // Optional: set to your desired RGB color
          &quot;layer0.tint&quot;: [141, 234, 255],
          &quot;layer0.opacity&quot;: 1.0,
          &quot;layer1.opacity&quot;: 0.0,
          &quot;layer0.inner_margin&quot;: 2,
      },
      {
          &quot;class&quot;: &quot;puck_control&quot;,
          &quot;attributes&quot;: [&quot;horizontal&quot;],
          &quot;layer0.texture&quot;: &quot;User/theme_override/scroll_puck_horiz.png&quot;,
      }
  ]
  </code></pre>
  <p><img src="https://i.stack.imgur.com/CIviN.png" alt="This is result of customized scroll bar" /></p>
  <p>But the scroll bar is quite bold and I want it to be short in width so can anyone tell me how can I achieve it?</p>