diff --git a/lib/routes/Character/components/CharacterDialog/components/CircleTextField.tsx b/lib/routes/Character/components/CharacterDialog/components/CircleTextField.tsx
index 921b2877..97c193ca 100644
--- a/lib/routes/Character/components/CharacterDialog/components/CircleTextField.tsx
+++ b/lib/routes/Character/components/CharacterDialog/components/CircleTextField.tsx
@@ -112,12 +112,11 @@ export function CircleTextField(
               "cursor": cursor,
               "width": "3rem",
               "height": "3rem",
-              "borderRadius": "50%",
-              "border": `2px solid ${
-                props.borderColor ?? miniTheme.textPrimary
-              }`,
+              // Fixes issue #414
+              "font-family": "monospace",
               "outline": "none",
               "background": props.highlight ? miniTheme.textPrimary : "inherit",
+              "background": theme.palette.action.hover,
               "&&": {
                 color: "inherit",
               },