diff --git a/src/components/sprite-selector/sprite-list.jsx b/src/components/sprite-selector/sprite-list.jsx
index 6195b0c9c..54c126816 100644
--- a/src/components/sprite-selector/sprite-list.jsx
+++ b/src/components/sprite-selector/sprite-list.jsx
@@ -57,7 +57,7 @@ const SpriteList = function (props) {
 
                 return (
                     <SortableAsset
-                        className={classNames(styles.itemWrapper, {
+                        className={classNames(styles.spriteWrapper, {
                             [styles.placeholder]: isSpriteDrag && index === draggingIndex})}
                         index={isSpriteDrag ? ordering.indexOf(index) : index}
                         key={sprite.name}
diff --git a/src/components/sprite-selector/sprite-selector.css b/src/components/sprite-selector/sprite-selector.css
index cbd785d82..ef1943985 100644
--- a/src/components/sprite-selector/sprite-selector.css
+++ b/src/components/sprite-selector/sprite-selector.css
@@ -16,8 +16,7 @@
     border-bottom: 0;
 }
 
-/* In prep for renaming sprite-selector-item to sprite */
-.sprite {
+.sprite-wrapper {
     /*
         Our goal is to fit sprites evenly in a row without leftover space.
         Flexbox's `space between` property gets us close, but doesn't flow
@@ -37,6 +36,10 @@
     margin: calc($space / 2);
 }
 
+.sprite {
+    height: 100%;
+}
+
 
 .scroll-wrapper {
     /*