diff --git a/webapp/web/css/vitro.css b/webapp/web/css/vitro.css
index 5663789e9..7a2f951d5 100644
--- a/webapp/web/css/vitro.css
+++ b/webapp/web/css/vitro.css
@@ -89,9 +89,11 @@
     margin-right:25px;
 }
 #isotope-container {
-    height:1250px;
     overflow:visible;
 }
+#isotope-container li {
+    width:290px;
+}
 /* <------ SEARCH RESULTS PAGE*/
 .searchTOC {    
     margin-bottom: 1.5em; 
diff --git a/webapp/web/templates/freemarker/body/classGroups.ftl b/webapp/web/templates/freemarker/body/classGroups.ftl
index 694cc5685..45d986672 100644
--- a/webapp/web/templates/freemarker/body/classGroups.ftl
+++ b/webapp/web/templates/freemarker/body/classGroups.ftl
@@ -27,14 +27,18 @@
     </section>
 
     ${headScripts.add('<script type="text/javascript" src="${urls.base}/js/jquery_plugins/isotope/jquery.isotope.min.js"></script>')}
+    <script>
+        var initHeight = $("#isotope-container").height();
+        initHeight = (initHeight + 100)/3 ;
+        $("#isotope-container").css("height",initHeight + "px");
+    </script>
     <script>
         $('#isotope-container').isotope({
           // options
           itemSelector : '.class-group',
           layoutMode : 'fitColumns'
         });
-    </script>
-    
+    </script>    
 <#else>
     ${noDataNotification}
 </#if>