From cfda73f16d285885421f12e58c54c0956cf75e5a Mon Sep 17 00:00:00 2001
From: yinghua <shadow10230@gmail.com>
Date: Thu, 24 Oct 2019 09:46:02 +0800
Subject: [PATCH] Use inline-flex to remove arkward padding

---
 src/star-ratings.js | 2 +-
 test/src/star.js    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/star-ratings.js b/src/star-ratings.js
index 0a71732..d73d296 100644
--- a/src/star-ratings.js
+++ b/src/star-ratings.js
@@ -12,7 +12,7 @@ class StarRatings extends React.Component {
     const starRatingsStyle = {
       position: 'relative',
       boxSizing: 'border-box',
-      display: 'inline-block'
+      display: 'inline-flex'
     };
     return this.props.ignoreInlineStyles ? {} : starRatingsStyle;
   }
diff --git a/test/src/star.js b/test/src/star.js
index 4802977..60be355 100644
--- a/test/src/star.js
+++ b/test/src/star.js
@@ -15,7 +15,7 @@ class Star extends React.Component {
 
     const starContainerStyle = {
       position: 'relative',
-      display: 'inline-block',
+      display: 'flex',
       verticalAlign: 'middle',
       paddingLeft: isFirstStar ? undefined : starSpacing,
       paddingRight: isLastStar ? undefined : starSpacing,