I used to change value of scrollbar in styles.less but it's have problem


#1

I used to change value of scrollbar in styles.less but it’s have problem

first image is my file.js
secord image is styles.less

why it’s difference size of scrollbar by one confing
how to get same style


#2
/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed and saved.
 *
 * Add your own CSS or Less to fully customize Atom.
 * If you are unfamiliar with Less, you can read more about it here:
 * http://lesscss.org
 */


/*
 * Examples
 * (To see them, uncomment and save)
 */

// style the background color of the tree view
.tree-view {
  // background-color: whitesmoke;
}

// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
  // color: white;
  // background-color: hsl(180, 24%, 12%);
}

// style UI elements inside atom-text-editor
atom-text-editor .cursor {
  // border-color: red;
}
.scrollbars-visible-always {
  /deep/ ::-webkit-scrollbar {
    width: 100px;
    height: 70px;

  }
}
.tree-view-resizer, atom-text-editor::shadow  {
  ::-webkit-scrollbar {
    background-color: #ffffff;

    &-track {}

    &-thumb {
      background-color: #ffffff;

      &:window-inactive {
        background-color: #ffffff;
      }
    }

    &-corner {
      background-color: #ffffff;
    }
  }
}