diff --git a/ippisite/ippidb/templates/base.html b/ippisite/ippidb/templates/base.html
index 5e05ae12eb29bcdc1797c5a6baf7e859bda7a455..560262bc80b42298b88f5ac6f6b1e57f6f38a399 100644
--- a/ippisite/ippidb/templates/base.html
+++ b/ippisite/ippidb/templates/base.html
@@ -169,7 +169,7 @@
                                         var dataItem = data.datasets[dataPoint.datasetIndex].data[dataPoint.index];
                                         props = {'id':dataItem.id, 'family': dataItem.family_name, 'smiles': dataItem.smiles};
                                     });
-                                    var canvasStr = '<canvas id="canvas-'+ props.id +'" width="250" height="250" data-smiles="' + props.smiles + '"></canvas>'
+                                    var canvasStr = '<canvas id="canvas-'+ props.id +'" width="300" height="250" data-smiles="' + props.smiles + '"></canvas>'
                                     var tooltipStr = '<div class="card" style="width:250">' + canvasStr
                                                     + '<div class="card-body"><h5 class="card-title">Compound ' + props.id  + '</h5>'
                                                     + '<p class="card-text">PPI Family: ' + props.family + '</p></div></div>';