diff --git a/src/components/sprite-info/sprite-info.css b/src/components/sprite-info/sprite-info.css
index f018abe8e604bc3652de5431731b18ed42110998..3e680625adfbfba7e7f0a28d18bbbd23fb403222 100644
--- a/src/components/sprite-info/sprite-info.css
+++ b/src/components/sprite-info/sprite-info.css
@@ -93,3 +93,8 @@
     user-select: none;
     outline: none;
 }
+
+.rotation-select:focus {
+    border-color: #4c97ff;
+    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+}
diff --git a/src/components/sprite-info/sprite-info.jsx b/src/components/sprite-info/sprite-info.jsx
index 9e1c8a4098d2aeae08e55cf9aa1d95ccedb5bbd9..2bf5fe7ba44266a3af37e28327d8b962ac406243 100644
--- a/src/components/sprite-info/sprite-info.jsx
+++ b/src/components/sprite-info/sprite-info.jsx
@@ -171,6 +171,7 @@ class SpriteInfo extends React.Component {
                                 className={classNames(styles.selectForm, styles.rotationSelect)}
                                 disabled={this.props.disabled}
                                 value={this.props.rotationStyle}
+                                tabIndex="7"
                                 onChange={this.props.onChangeRotationStyle}
                             >
                                 {ROTATION_STYLES.map(style => (