diff --git a/app/assets/javascripts/theater.js b/app/assets/javascripts/theater.js
index b045f9f..2fdb073 100644
--- a/app/assets/javascripts/theater.js
+++ b/app/assets/javascripts/theater.js
@@ -345,6 +345,7 @@ window.GalleryTheater = function(){
 
   var createThumbStrip = function(){
     if(!gt.isTheaterInitialized){
+      gt.thumbStrip.html("")
       $.each(gt.albumData.images,function(index, image){
         var li = $("<li class='gallery-item'></li>"),
             a = $("<a href=''></a>"),
diff --git a/app/assets/stylesheets/gallery_card.css b/app/assets/stylesheets/gallery_card.css
index db533f9..c1f84b5 100644
--- a/app/assets/stylesheets/gallery_card.css
+++ b/app/assets/stylesheets/gallery_card.css
@@ -1,3 +1,6 @@
+.gallery.card-group .card-body img {
+  object-fit: cover;
+}
 .gallery.card-group .row {
   position: relative;
   display: flex;
diff --git a/modules/gallery/_gallery_widget4.html.erb b/modules/gallery/_gallery_widget4.html.erb
index 2b56d73..fc6ec94 100644
--- a/modules/gallery/_gallery_widget4.html.erb
+++ b/modules/gallery/_gallery_widget4.html.erb
@@ -2,7 +2,7 @@
   <h3 class="widget-title">
     <span>{{widget-title}}</span>
   </h3>
-  <link rel="stylesheet" type="text/css" href="/assets/gallery_card.css">
+  <% OrbitHelper.render_css_in_head(["gallery_card.css"]) %>
   <div class="row widget-content" data-level="0" data-list="images">
     <div class="card card-flip h-100">
       <div class="card-front">