diff --git a/plugins/mezuro/public/javascripts/project_content.js b/plugins/mezuro/public/javascripts/project_content.js
index c3fbf20..9c1fc91 100644
--- a/plugins/mezuro/public/javascripts/project_content.js
+++ b/plugins/mezuro/public/javascripts/project_content.js
@@ -22,7 +22,7 @@ function display_metric_history() {
 }
 
 function display_grade_history() {
-  var module_name = jQuery(this).attr('show-grade-history');
+  var module_name = jQuery(this).attr('data-module-name');
   callAction('module_grade_history', {module_name: module_name}, show_grades);
   return false;
 }
diff --git a/plugins/mezuro/views/content_viewer/_module_result.rhtml b/plugins/mezuro/views/content_viewer/_module_result.rhtml
index 4377b7e..2eacd7e 100644
--- a/plugins/mezuro/views/content_viewer/_module_result.rhtml
+++ b/plugins/mezuro/views/content_viewer/_module_result.rhtml
@@ -4,7 +4,7 @@
 <h5><%= _('Metric results for: ') + module_label %> </h5>
 
 <hr/>
-
+<div class="zoomable-image">
 <table>
   <thead>
     <tr>
@@ -43,7 +43,7 @@
         <div id='historical-grade'></div>
       </td>
       <td colspan = "4" align = "right">
-        <a href="#" show-grade-history="<%= module_result.module.name %>" >
+        <a href="#" show-grade-history="<%= module_result.module.name %>" data-module-name="<%= the_module.name%>" >
           <strong>
             <%= _('Grade:') %>
             <%= "%.02f" % module_result.grade %>
@@ -53,3 +53,4 @@
     </tr>
   </tfoot>
 </table>
+</div>
diff --git a/plugins/mezuro/views/content_viewer/_score_history.rhtml b/plugins/mezuro/views/content_viewer/_score_history.rhtml
index 27581c1..698fe17 100644
--- a/plugins/mezuro/views/content_viewer/_score_history.rhtml
+++ b/plugins/mezuro/views/content_viewer/_score_history.rhtml
@@ -1,3 +1,2 @@
-<tr>
-    <div><%= MezuroPlugin::Helpers::ContentViewerHelper.generate_chart(score_history) %></div>
-</tr>
+<%= image_tag(MezuroPlugin::Helpers::ContentViewerHelper.generate_chart(score_history)) %>
+
--
libgit2 0.21.2