diff --git a/src/app/WardrobePage/support/ItemSupportAppearanceLayerModal.js b/src/app/WardrobePage/support/ItemLayerSupportModal.js
similarity index 96%
rename from src/app/WardrobePage/support/ItemSupportAppearanceLayerModal.js
rename to src/app/WardrobePage/support/ItemLayerSupportModal.js
index 2c022fd..b635985 100644
--- a/src/app/WardrobePage/support/ItemSupportAppearanceLayerModal.js
+++ b/src/app/WardrobePage/support/ItemLayerSupportModal.js
@@ -30,7 +30,11 @@ import useOutfitAppearance, {
 } from "../../components/useOutfitAppearance";
 import useSupportSecret from "./useSupportSecret";
 
-function ItemSupportAppearanceLayerModal({
+/**
+ * ItemLayerSupportModal offers Support info and tools for a specific item
+ * appearance layer. Open it by clicking a layer from ItemSupportDrawer.
+ */
+function ItemLayerSupportModal({
   item,
   itemLayer,
   outfitState,
@@ -166,7 +170,7 @@ function ItemSupportAppearanceLayerModal({
               </MetadataValue>
             </Metadata>
             <Box height="8" />
-            <ItemSupportAppearanceLayerPetCompatibility
+            <ItemLayerSupportPetCompatibilityFields
               item={item}
               itemLayer={itemLayer}
               outfitState={outfitState}
@@ -201,7 +205,7 @@ function ItemSupportAppearanceLayerModal({
   );
 }
 
-function ItemSupportAppearanceLayerPetCompatibility({
+function ItemLayerSupportPetCompatibilityFields({
   item,
   itemLayer,
   outfitState,
@@ -342,4 +346,4 @@ function MetadataValue({ children }) {
   );
 }
 
-export default ItemSupportAppearanceLayerModal;
+export default ItemLayerSupportModal;
diff --git a/src/app/WardrobePage/support/ItemSupportDrawer.js b/src/app/WardrobePage/support/ItemSupportDrawer.js
index 521e651..a9a9777 100644
--- a/src/app/WardrobePage/support/ItemSupportDrawer.js
+++ b/src/app/WardrobePage/support/ItemSupportDrawer.js
@@ -25,7 +25,7 @@ import {
 } from "@chakra-ui/core";
 import { CheckCircleIcon, EditIcon, ExternalLinkIcon } from "@chakra-ui/icons";
 
-import ItemSupportAppearanceLayerModal from "./ItemSupportAppearanceLayerModal";
+import ItemLayerSupportModal from "./ItemLayerSupportModal";
 import { OutfitLayers } from "../../components/OutfitPreview";
 import useOutfitAppearance from "../../components/useOutfitAppearance";
 import useSupportSecret from "./useSupportSecret";
@@ -315,7 +315,7 @@ function ItemSupportAppearanceLayer({
       >
         <EditIcon boxSize="16px" position="relative" top="-2px" right="-1px" />
       </Box>
-      <ItemSupportAppearanceLayerModal
+      <ItemLayerSupportModal
         item={item}
         itemLayer={itemLayer}
         outfitState={outfitState}
diff --git a/src/app/WardrobePage/support/ItemSupportDrawerContent.js b/src/app/WardrobePage/support/ItemSupportDrawerContent.js
deleted file mode 100644
index e69de29..0000000