diff --git a/webapp/src/assets/less/variables.less b/webapp/src/assets/less/variables.less
index b7773df6..d6c8ab7d 100644
--- a/webapp/src/assets/less/variables.less
+++ b/webapp/src/assets/less/variables.less
@@ -380,15 +380,12 @@
 .ofm-top-nav-square-button {
   margin-top: 4px;
   height: 38px;
-  width: 38px;
+  aspect-ratio: 1;
 }
 
 .ofm-top-nav-square-button.material-icon {
-  // MAterial icons are 24x24 , set padding to centre
+  // Material icons are 24x24 , set padding to centre
   padding: 6px !important;
-  margin-top: 4px;
-  height: 38px;
-  width: 38px;
 }
 
 // A button styled like text. For use in menus
diff --git a/webapp/src/components/tabContentComponents/galleryComponents/galleryCard.vue b/webapp/src/components/tabContentComponents/galleryComponents/galleryCard.vue
index 0e010254..6ab5c64e 100644
--- a/webapp/src/components/tabContentComponents/galleryComponents/galleryCard.vue
+++ b/webapp/src/components/tabContentComponents/galleryComponents/galleryCard.vue
@@ -67,19 +67,21 @@
             <li>Created: {{ formatDate(itemData.created) }}</li>
             <li>Duration: {{ formatDuration(itemData.duration) }}</li>
           </ul>
-          <ul>
-            <li v-if="itemData.number_of_images < 2" class="warning-msg">
-              Not enough images to stitch
-            </li>
-            <li v-else-if="!itemData.dzi && itemData.stitch_available" class="alert-msg">
-              Interactive preview not available
-            </li>
-            <li v-else-if="!itemData.stitch_available" class="alert-msg">
-              High quality stitch not available
-            </li>
-          </ul>
         </div>
       </template>
+      <div :class="{ 'thumbnail-only-warning': thumbnailOnly }">
+        <ul>
+          <li v-if="itemData.number_of_images < 2" class="warning-msg">
+            Not enough images to stitch
+          </li>
+          <li v-else-if="!itemData.dzi && itemData.stitch_available" class="alert-msg">
+            Interactive preview not available
+          </li>
+          <li v-else-if="!itemData.stitch_available" class="alert-msg">
+            High quality stitch not available
+          </li>
+        </ul>
+      </div>
     </div>
   </div>
 </template>
@@ -231,6 +233,10 @@ ul {
   width: 150px;
 }
 
+.thumbnail-only-warning {
+  width: 150px;
+}
+
 .thumbnail-fit {
   max-height: 120px;
   max-width: 240px;