diff --git a/example/dice.html b/example/dice.html
index c9e5ace..af766e7 100644
--- a/example/dice.html
+++ b/example/dice.html
@@ -45,7 +45,7 @@
     </div>
   </div>
 
-  <script src="../dist/roll-a-die.js"></script>
+  <script type="text/javascript" src="../dist/roll-a-die.js"></script>
   <script>
     function response(res) {
       // returns an array of the values from the dice
diff --git a/js/roll-a-die.js b/js/roll-a-die.js
index 19de610..c99664a 100644
--- a/js/roll-a-die.js
+++ b/js/roll-a-die.js
@@ -122,37 +122,37 @@ const rollADie = function (options) {
     dieInDOM.push(dieId);
     const dice = appendDieContainers(dieId, element, angle);
     [
-      [{ cx: 16, cy: 16, r: 6, fill: 'red' }],
-      [
-        { cx: 8, cy: 8, r: 3 },
-        { cx: 24, cy: 24, r: 3 },
-      ],
-      [
-        { cx: 8, cy: 8, r: 3 },
-        { cx: 16, cy: 16, r: 3 },
-        { cx: 24, cy: 24, r: 3 },
-      ],
-      [
-        { cx: 8, cy: 8, r: 3 },
-        { cx: 24, cy: 24, r: 3 },
-        { cx: 8, cy: 24, r: 3 },
-        { cx: 24, cy: 8, r: 3 },
-      ],
-      [
-        { cx: 8, cy: 8, r: 3 },
-        { cx: 16, cy: 16, r: 3 },
-        { cx: 24, cy: 24, r: 3 },
-        { cx: 8, cy: 24, r: 3 },
-        { cx: 24, cy: 8, r: 3 },
-      ],
-      [
-        { cx: 8, cy: 8, r: 3 },
-        { cx: 24, cy: 24, r: 3 },
-        { cx: 8, cy: 16, r: 3 },
-        { cx: 24, cy: 16, r: 3 },
-        { cx: 8, cy: 24, r: 3 },
-        { cx: 24, cy: 8, r: 3 },
-      ],
+        [{ cx: 14, cy: 14, r: 6, fill: 'red' }],
+        [
+          { cx: 6, cy: 6, r: 3 },
+          { cx: 22, cy: 22, r: 3 },
+        ],
+        [
+          { cx: 6, cy: 6, r: 3 },
+          { cx: 14, cy: 14, r: 3 },
+          { cx: 22, cy: 22, r: 3 },
+        ],
+        [
+          { cx: 6, cy: 6, r: 3 },
+          { cx: 22, cy: 22, r: 3 },
+          { cx: 6, cy: 22, r: 3 },
+          { cx: 22, cy: 6, r: 3 },
+        ],
+        [
+          { cx: 6, cy: 6, r: 3 },
+          { cx: 14, cy: 14, r: 3 },
+          { cx: 22, cy: 22, r: 3 },
+          { cx: 6, cy: 22, r: 3 },
+          { cx: 22, cy: 6, r: 3 },
+        ],
+        [
+          { cx: 6, cy: 6, r: 3 },
+          { cx: 22, cy: 22, r: 3 },
+          { cx: 6, cy: 14, r: 3 },
+          { cx: 22, cy: 14, r: 3 },
+          { cx: 6, cy: 22, r: 3 },
+          { cx: 22, cy: 6, r: 3 },
+        ],
     ]
       .map(getFace)
       .forEach((face) => dice.appendChild(face));