From 62f14437749439b1313fedd597cb8f53a5e69a45 Mon Sep 17 00:00:00 2001
From: Paul Kaplan <pkaplan@media.mit.edu>
Date: Fri, 22 Jun 2018 12:48:01 -0400
Subject: [PATCH] Fix the sprite layout by making the layout code apply to the
 wrapper

---
 src/components/sprite-selector/sprite-list.jsx     | 2 +-
 src/components/sprite-selector/sprite-selector.css | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

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