Update some UI components to polish the frontend

frontend/src/components/widgets/inputs/DropdownInput.svelte

@@ -138,6 +138,7 @@
 
 			.dropdown-arrow {
 				margin: 4px;
+				margin-right: 2px;
 				flex: 0 0 auto;
 			}
 

frontend/src/components/widgets/inputs/FontInput.svelte

@@ -72,7 +72,7 @@
 			dispatch("fontFamily", newName);
 
 			family = newName;
-			style = "Normal (400)";
+			style = "Regular (400)";
 		}
 
 		const fontFileUrl = await fonts.getFontFileUrl(family, style);

frontend/src/components/widgets/inputs/NumberInput.svelte

@@ -739,10 +739,6 @@
 				// An outline can appear when pressing the arrow button with left click then hitting Escape, so this stops that from showing
 				outline: none;
 
-				&:hover {
-					background: var(--color-4-dimgray);
-				}
-
 				&.right {
 					right: 0;
 					padding-left: 7px;
@@ -774,6 +770,18 @@
 						border-color: transparent var(--color-e-nearwhite) transparent transparent;
 					}
 				}
+
+				&:hover {
+					background: var(--color-4-dimgray);
+
+					&::before {
+						border-color: transparent transparent transparent var(--color-f-white);
+					}
+
+					&::after {
+						border-color: transparent var(--color-f-white) transparent transparent;
+					}
+				}
 			}
 		}