diff --git a/view/omeka/site/item/show.phtml b/view/omeka/site/item/show.phtml
index 030cee1..bbaa655 100644
--- a/view/omeka/site/item/show.phtml
+++ b/view/omeka/site/item/show.phtml
@@ -51,17 +51,14 @@ $("#archive_page_title").html('<?php echo $_html ?>');
 <div class="media-list" style="display: flex;">
     <?php foreach ($itemMedia as $media): ?>
         <?php echo $media->linkPretty(); ?>
-        <br />
-        <div style="display: flex;
-                    flex: 1;
-                    flex-direction: column;
-                    padding: 0 10px 10px 0;">
-          <a href="<?= $media->originalUrl(); ?>">
+        <div class="resource">
+          <a class="resource-link" href="<?= $media->originalUrl(); ?>">
             <img src="<?= $media->thumbnailUrl("square"); ?>" />
-            <br />
-            <?= $media->displayTitle(); ?>
+            <span class="resource-name"> 
+              <?= $media->displayTitle(); ?>
+            </span>
           </a>
-      </div>
+        </div>
     <?php endforeach; ?>
 </div>
 <?php endif; ?>