diff --git a/app/assets/stylesheets/galleries.css.scss b/app/assets/stylesheets/galleries.css.scss
index f88f6f2..0195ed2 100644
--- a/app/assets/stylesheets/galleries.css.scss
+++ b/app/assets/stylesheets/galleries.css.scss
@@ -1,3 +1,6 @@
 // Place all the styles related to the galleries controller here.
 // They will automatically be included in application.css.
 // You can use Sass (SCSS) here: http://sass-lang.com/
+modal.fade.in {
+  
+}
diff --git a/app/views/galleries/show.html.erb b/app/views/galleries/show.html.erb
index 052f027..a5b9d10 100644
--- a/app/views/galleries/show.html.erb
+++ b/app/views/galleries/show.html.erb
@@ -16,7 +16,7 @@
   <%= @gallery.datum %>
 </p>
 <!-- modal-gallery is the modal dialog used for the image gallery -->
-<div id="modal-gallery" class="modal modal-fullscreen modal-gallery hide fade" tabindex="-1">
+<div id="modal-gallery" class="modal hide fade modal-gallery modal-fullscreen" tabindex="-1">
     <div class="modal-header">
         <a class="close" data-dismiss="modal">&times;</a>
         <h3 class="modal-title"></h3>
@@ -47,3 +47,7 @@
 <script src="js/bootstrap.js"></script>
 <script src="js/load-image.js"></script>
 <script src="js/bootstrap-image-gallery.js"></script>
+<script type="text/javascript">
+
+$('#modal-gallery.fade').css('top', '50%');
+  </script>