diff --git a/activities/Chart.activity/index.html b/activities/Chart.activity/index.html
index 252a53221..0b0e644a5 100644
--- a/activities/Chart.activity/index.html
+++ b/activities/Chart.activity/index.html
@@ -33,19 +33,19 @@
 					v-if="SugarPresence"
 				></sugar-toolitem>
 
-				<hr />
+				<hr style="margin-bottom:4px;"/>
 				<sugar-toolitem id="add-button" :title="l10n.stringAddValue" @click="addData"></sugar-toolitem>
 				<sugar-toolitem id="remove-button" :title="l10n.stringRemoveValue" @click="removeData"></sugar-toolitem>
 
-				<hr />
+				<hr style="margin-bottom:4px;"/>
 				<template v-for="(string, key) in CHART_TYPES" :key="key">
 					<sugar-toolitem @click="setChartType(key)" :id="`${key}-chart-button`" :class="{active: pref.chartType==key}" :title="l10n[string]"></sugar-toolitem>
 				</template>
 				<sugar-toolitem id="csv-button" :class="{active: pref.chartType == 'csvMode'}"  @click="setChartType('csvMode')" :title=l10n.stringViewCsv></sugar-toolitem>
-				<hr />
+				<hr style="margin-bottom:4px;"/>
 				<sugar-toolitem id="config-button" @click="toggleConfig" class="invoker" :class="{active: configActive}" :title="l10n.stringConfigs"></sugar-toolitem>
 				<sugar-toolitem id="text-palette-button" @click="toggleTextPal" class="invoker" :class="{active: textPalActive}" :title="l10n.stringConfigs"></sugar-toolitem>
-				<hr />
+				<hr style="margin-bottom:4px;"/>
 				<sugar-toolitem 
 					id="export-button" 
 					ref="exportPal"