diff --git a/frontend/src/components/listing/ListingImages.tsx b/frontend/src/components/listing/ListingImages.tsx
index 0858c682..558eb7e0 100644
--- a/frontend/src/components/listing/ListingImages.tsx
+++ b/frontend/src/components/listing/ListingImages.tsx
@@ -48,7 +48,7 @@ const ListingImages = (props: Props) => {
 
   return images.length > 0 || edit ? (
     <div className="flex flex-col items-center justify-center my-4 p-4 relative">
-      {images.length > 0 && (
+      {images.length > 0 ? (
         <>
           <Button
             onClick={() => setCollapsed(!collapsed)}
@@ -89,6 +89,10 @@ const ListingImages = (props: Props) => {
             </div>
           )}
         </>
+      ) : (
+        <p>
+          <strong>Images</strong>
+        </p>
       )}
       {edit && (
         <ListingFileUpload
diff --git a/frontend/src/components/listing/ListingSTLs.tsx b/frontend/src/components/listing/ListingSTLs.tsx
index 728e3325..30f6bdba 100644
--- a/frontend/src/components/listing/ListingSTLs.tsx
+++ b/frontend/src/components/listing/ListingSTLs.tsx
@@ -77,7 +77,7 @@ const ListingSTLs = (props: Props) => {
 
   return stls.length > 0 || edit ? (
     <div className="flex flex-col items-center justify-center my-4 p-4 relative">
-      {stls.length > 0 && (
+      {stls.length > 0 ? (
         <>
           <Button
             onClick={() => setCollapsed(!collapsed)}
@@ -114,6 +114,10 @@ const ListingSTLs = (props: Props) => {
             </div>
           )}
         </>
+      ) : (
+        <p>
+          <strong>STLs</strong>
+        </p>
       )}
       {edit && (
         <ListingFileUpload