diff --git a/macrovision.css b/macrovision.css
index 061ebc0c..7e01aae6 100644
--- a/macrovision.css
+++ b/macrovision.css
@@ -236,4 +236,12 @@ body #test-canvas {
 
 body.toggle-bottom-name .bottom-name {
     display: inline;
+}
+
+#spawners > button {
+    font-size: 200%;
+}
+#spawners > select {
+    font-size: 200%;
+    margin-right: 50px;
 }
\ No newline at end of file
diff --git a/macrovision.js b/macrovision.js
index 8b870a45..2ebd2028 100644
--- a/macrovision.js
+++ b/macrovision.js
@@ -744,6 +744,9 @@ function prepareEntities() {
     availableEntities["objects"] = makeObjects();
     availableEntities["vehicles"] = makeVehicles();
 
+    availableEntities["characters"].sort((x,y) => {
+        return x.name < y.name ? -1 : 1
+    });
     const holder = document.querySelector("#spawners");
     Object.entries(availableEntities).forEach(([category, entityList]) => {
         const select = document.createElement("select");
@@ -758,14 +761,14 @@ function prepareEntities() {
 
         const button = document.createElement("button");
 
-        button.innerText = "Create " + category;
+        button.innerText = "Create";
         button.addEventListener("click", e => {
             const newEntity = entityList[select.value].constructor()
             displayEntity(newEntity, newEntity.defaultView, 0.5, 1);
         });
 
-        holder.appendChild(select);
         holder.appendChild(button);
+        holder.appendChild(select);
     });
 }