diff --git a/frontend/src/lib/components/SelectField.svelte b/frontend/src/lib/components/select/SelectField.svelte
similarity index 79%
rename from frontend/src/lib/components/SelectField.svelte
rename to frontend/src/lib/components/select/SelectField.svelte
index ec9c70b..c3926d6 100644
--- a/frontend/src/lib/components/SelectField.svelte
+++ b/frontend/src/lib/components/select/SelectField.svelte
@@ -8,7 +8,16 @@
 </script>
 
 <div>
-	<select class:error bind:value on:click on:keydown on:keyup on:change {placeholder} class:placeholder={!value}>
+	<select
+		class:error
+		bind:value
+		on:click
+		on:keydown
+		on:keyup
+		on:change
+		{placeholder}
+		class:placeholder={!value}
+	>
 		{#if placeholder}
 			<option value="" disabled selected>{placeholder}</option>
 		{/if}
@@ -42,4 +51,9 @@
 	.error {
 		@apply border-red-700;
 	}
+	select {
+		-webkit-appearance: none;
+		-moz-appearance: none;
+		appearance: none;
+	}
 </style>
diff --git a/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte b/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte
index 6ed6e52..dd3297a 100644
--- a/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte
+++ b/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte
@@ -6,7 +6,7 @@
 	import Home from '$lib/components/icons/Home.svelte';
 	import SchoolBadge from '$lib/components/icons/SchoolBadge.svelte';
 	import SplitLayout from '$lib/components/layout/SplitLayout.svelte';
-	import SelectField from '$lib/components/SelectField.svelte';
+	import SelectField from '$lib/components/select/SelectField.svelte';
 	import EmailField from '$lib/components/textfield/EmailField.svelte';
 	import IdField from '$lib/components/textfield/IdField.svelte';
 	import NameField from '$lib/components/textfield/NameField.svelte';