css-调整简单图像滑块的项目符号大小

我正在尝试将图像转盘上的项目符号从15x15像素调整为10x10像素。我看没有关于这方面可用道具的文档。

调整五颗子弹大小的最佳方法是什么？

例子：https://codesandbox.io/s/05v4s?file=/src/App.js

import "./styles.css";
import SimpleImageSlider from "react-simple-image-slider";

export default function App() {
  const images = [
    { url: "https://img.hake.cc/other_net_images/other_images_skf/img_nature_wide.jpg" },
    { url: "https://img.hake.cc/other_net_images/other_images_skf/img_snow_wide.jpg" },
    { url: "https://img.hake.cc/other_net_images/other_images_skf/img_lights_wide.jpg" },
    { url: "https://img.hake.cc/other_net_images/other_images_skf/img_mountains_wide.jpg" },
    {
      url:
        "https://images.unsplash.com/photo-1478827217976-7214a0556393?ixid=MXwxMjA3fDB8MHxzZWFyY2h8MXx8dG9wfGVufDB8fDB8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60"
    }
  ];

  return (

  );
}

样式.css

.App {
  font-family: sans-serif;
  text-align: center;
}