为什么el-table的滚动条设置大小之后一直不贴边？

Question

用的element-plus+vite+sass+vue3.0
我之前用的别的table都是可以贴边的

<el-table
      :data="tableData"
      max-height="250"
      stripe
      style="width: 100%">
          <el-table-column
            prop="date"
            label="设备"
            min-width="120">
          </el-table-column>
          <el-table-column
            prop="date"
            label="最长操作时间"
            min-width="120">
          </el-table-column>
          <el-table-column
            prop="name"
            label="最短操作时间"
            min-width="120">
          </el-table-column>
          <el-table-column
            prop="address"
            label="平均操作时间"
            min-width="200">
          </el-table-column>
          <el-table-column
            prop="address"
            label="近10次平均"
            min-width="200">
          </el-table-column>
      </el-table>

// 滚动条样式
:deep(.el-table__body-wrapper) {
  // 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸
  &::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  // 滚动条的轨道
  &::-webkit-scrollbar-track {
    background-color: #00645c;
  }
  // 滚动条里面的小方块，能向上向下移动
  &::-webkit-scrollbar-thumb {
    background-color: #85b8b3;
    box-shadow: inset 0 0 5px rgba(44, 109, 82, 0.2);
  }
  // 边角，即两个滚动条的交汇处
  &::-webkit-scrollbar-corner {
    background-color: #FFFFFF;
  }
}