diff --git a/components/preview-list.php b/components/preview-list.php
index c1689be..dbc2707 100644
--- a/components/preview-list.php
+++ b/components/preview-list.php
@@ -4,7 +4,17 @@
       <article class="card card-preview card-primary">
           <a href="<?php the_permalink(); ?>" class="preview-link">
             <div class="preview-item">
-              <div class="preview-content" aria-hidden="true"><?php the_excerpt(); ?></div>
+              
+              <?php if(!has_post_thumbnail( $post->ID )) {
+                ?>
+                <div class="preview-content" aria-hidden="true"><?php the_excerpt(); ?></div>
+                <?php
+              } else {
+                ?>
+                <div class="preview-content" aria-hidden="true"><p class="p-img"><img class="preview-img" src="<?php echo get_the_post_thumbnail_url(); ?>" /></p></div>
+                <?php
+              }
+              ?>
               <div class="preview-overlay">
                 <h1 class="card-header"><?php the_title(); ?></h1>
                 <div class="preview-metadata">
diff --git a/scss/components/_previews.scss b/scss/components/_previews.scss
index 1ec760f..f28fff0 100644
--- a/scss/components/_previews.scss
+++ b/scss/components/_previews.scss
@@ -138,8 +138,9 @@ $preview-height: 8*$lineheight;
       text-align:center;
       margin:auto;
       padding:auto;
-      display: block;
+      display: flex;
       width:100%;
+      height: $preview-height;
     }
   }
 }
diff --git a/style.css b/style.css
index 17a450e..2269e21 100644
--- a/style.css
+++ b/style.css
@@ -1877,8 +1877,9 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb {
       text-align: center;
       margin: auto;
       padding: auto;
-      display: block;
-      width: 100%; }
+      display: flex;
+      width: 100%;
+      height: 12rem; }
 
 .preview-metadata {
   color: #fdf6e3;