【 Rails6 】Raty.jsでのサイズ変更ができない

Question

星での評価機能の実装のためRaty.jsを実装しました。
問題点として、sizeオプションでpxを指定してもサイズが変更されません。
他のページでimgタグを使ってサイズ指定をしているか確認しましたが見当たらず...
意見いただけると幸いです
app/views/reviews/index.html.erb

            <div class="review-star">
              <div id="star-rate-<%= review.id %>"></div>
            </div>
            <script>
              $('#star-rate-<%= review.id %>').raty({
                size: 5,
                starOff:  '<%= asset_path('star-off.png') %>',
                starOn : '<%= asset_path('star-on.png') %>',
                half: true,
                readOnly: true,
                score: <%= review.rate %>,
              });
            </script> 

/stylesheets/reviews/index.css

.review-star{
  text-align: center;
  margin: 0 10px;
}
.star_item{
  width: auto;
}

/stylesheets/reset.css

html{
  color:#000;
  background:#FFF;
}
/*
  TODO remove settings on BODY since we can't namespace it.
*/
/*
  TODO test putting a class on HEAD.
      - Fails on FF.
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin:0;
  padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,
img {
  border:0;
}
/*
  TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style:normal;
  font-weight:normal;
}

ol,
ul {
  list-style:none;
}

/*リセットCSS*/
body {
  font-size: 14px;
  color: #333;
  margin: 0 auto;
}
h1,h2,h3,h4,h5,h6,p {
  padding: 10px 0;
  margin: 0;
}
ul,li {
  padding: 0;
  margin: 0;
}