diff --git a/demo/index.html b/demo/index.html
index 89349a0..9b5162a 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -7,12 +7,12 @@
 
 	<body>
 		<h2>Simple progress meters</h2>
-		<d3-progress-meter radius="100" percentage="0.2" current-text="70" goal-text="Goal: 200" type-text="transactions"></d3-progress-meter>
-		<d3-progress-meter radius="100" percentage="0.65" current-text="6.5m" goal-text="Goal: $10m" type-text="revenue"></d3-progress-meter>
-		<d3-progress-meter radius="100" percentage="0.9" current-text="225" goal-text="Goal: 250" type-text="points"></d3-progress-meter>
+		<d3-progress-meter radius="50" percentage="0.2" current-text="70" goal-text="Goal: 200" type-text="transactions"></d3-progress-meter>
+		<d3-progress-meter radius="50" percentage="0.65" current-text="6.5m" goal-text="Goal: $10m" type-text="revenue"></d3-progress-meter>
+		<d3-progress-meter radius="50" percentage="0.9" current-text="225" goal-text="Goal: 250" type-text="points"></d3-progress-meter>
 
 		<h2>Progress meter without goal line</h2>
-		<d3-progress-meter radius="100" percentage="0.75" current-text="70%"></d3-progress-meter>
+		<d3-progress-meter radius="50" percentage="0.75" current-text="70%"></d3-progress-meter>
 
 		<h2>Progress meter with custom styling</h2>
 		<style is="custom-style">
@@ -20,6 +20,6 @@
 				--progress-meter-color-current: red;
 			}
 		</style>
-		<d3-progress-meter radius="100" percentage="0.75" current-text="30%" class="custom"></d3-progress-meter>
+		<d3-progress-meter radius="50" percentage="0.75" current-text="30%" class="custom"></d3-progress-meter>
 	</body>
 </html>
