diff --git a/media/css/base_site.css b/media/css/base_site.css
index cd64947..15af1eb 100644
--- a/media/css/base_site.css
+++ b/media/css/base_site.css
@@ -130,6 +130,8 @@ div.breadcrumbs {
 
 img.chart {
 	margin: 20px 0;
+	width: 100%;
+	max-width: 250px;
 }
 
 .dashboard #content {
diff --git a/sigi/templates/snippets/modules/charts-convenios.html b/sigi/templates/snippets/modules/charts-convenios.html
index b21bc54..52f871f 100644
--- a/sigi/templates/snippets/modules/charts-convenios.html
+++ b/sigi/templates/snippets/modules/charts-convenios.html
@@ -124,7 +124,8 @@
 	  				high="{% widthratio meta.valor_desejado_high meta.valor_meta 100 %}" optimum="100"
 	  				value="{% widthratio meta.valor_ultimo_calculo meta.valor_meta 100 %}"></meter></th -->
 	  		<td>
-	  			<img src="//chart.googleapis.com/chart?chf=c,s,CDCDCD&chbh=a&chs=250x18&cht=bhs&chco={{ meta.saude }}&chd=t:{{ meta.percentual_concluido|stringformat:'d' }}" width="250" height="18" alt="" />
+	  			<img src="//chart.googleapis.com/chart?chf=c,s,CDCDCD&chbh=a&chs=250x18&cht=bhs&chco={{ meta.saude }}&chd=t:{{ meta.percentual_concluido|stringformat:'d' }}"
+	  				width="100%" alt="" />
 	  		</td>
 	  		<td style="text-align: center;"><font color="{{ meta.saude }}">{{ meta.percentual_concluido }}%</font></td>
 	  	</tr>