Fix the sprite layout by making the layout code apply to the wrapper

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}

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 {
     /*