diff --git a/webapp/web/css/browseClassGroups.css b/webapp/web/css/browseClassGroups.css
index a22d75396..43d59b4ee 100644
--- a/webapp/web/css/browseClassGroups.css
+++ b/webapp/web/css/browseClassGroups.css
@@ -78,7 +78,7 @@ ul#classes-in-classgroup {
     margin-bottom: 10px;
 }
 ul#classes-in-classgroup.vis {
-    width: 44%;
+    width: 55%;
     border-right: 1px solid #DDE5E4;
 }
 ul#classes-in-classgroup li {
@@ -106,7 +106,7 @@ ul#classes-in-classgroup .count-individuals {
 /* VISUALIZATION  ------>  */
 #visual-graph {
     float: left;
-    width: 308px;
+    width: 235px;
 }
 #visual-graph h5 {
     padding: 20px 0 12px 12px;
diff --git a/webapp/web/js/browseClassGroups.js b/webapp/web/js/browseClassGroups.js
index 4fc2922b9..142860383 100644
--- a/webapp/web/js/browseClassGroups.js
+++ b/webapp/web/js/browseClassGroups.js
@@ -149,9 +149,9 @@ var graphClassGroups = {
         var height = values.length * 37;
         
         // Create the canvas
-        var r = Raphael("visual-graph", 300, height + 10);
+        var r = Raphael("visual-graph", 225, height + 10);
         
-        var chart = r.g.hbarchart(0, 16, 300, height, [values], {type:"soft", singleColor:"#999"});
+        var chart = r.g.hbarchart(0, 16, 225, height, [values], {type:"soft", singleColor:"#999"});
         
         // Was unable to append <a> within <svg> -- was always hidden and couldn't get it to display
         // so using jQuery click to add links