diff --git a/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte b/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte
index 656cae1..5c344c4 100644
--- a/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte
+++ b/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
 	import { apiFillDetails } from '$lib/@api/candidate';
+	import Submit from '$lib/components/button/Submit.svelte';
 
 	import Email from '$lib/components/icons/Email.svelte';
 	import Home from '$lib/components/icons/Home.svelte';
@@ -284,22 +285,23 @@
 				</span>
 			</div>
 		{/if}
-		<input
-			on:click={async (e) => {
-				await handleSubmit(e);
-				console.log('clicked ' + isPageInvalid());
-				if (isPageInvalid()) return;
-				if (pageIndex === pageCount) {
-				} else {
-					pagesFilled++;
-					pageIndex++;
-				}
-				errors.set(formInitialValues);
-			}}
-			class="bg-sspsBlue hover:bg-sspsBlueDark mt-8 w-full rounded-lg p-3 text-xl font-semibold text-white transition-colors duration-300 hover:cursor-pointer"
-			type="submit"
-			value={pageIndex === pageCount ? 'Odeslat' : 'Pokračovat'}
-		/>
+		
+		<div class="mt-8 w-full">
+			<Submit
+				on:click={async (e) => {
+					await handleSubmit(e);
+					console.log('clicked ' + isPageInvalid());
+					if (isPageInvalid()) return;
+					if (pageIndex === pageCount) {
+					} else {
+						pagesFilled++;
+						pageIndex++;
+					}
+					errors.set(formInitialValues);
+				}}
+				value={pageIndex === pageCount ? 'Odeslat' : 'Pokračovat'}
+			/>
+		</div>
 
 		<div class="mt-8 flex flex-row justify-center">
 			{#each Array(pageCount + 1) as _, i}
diff --git a/frontend/src/routes/(candidate)/auth/login/+page.svelte b/frontend/src/routes/(candidate)/auth/login/+page.svelte
index 32ed22a..9305751 100644
--- a/frontend/src/routes/(candidate)/auth/login/+page.svelte
+++ b/frontend/src/routes/(candidate)/auth/login/+page.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
+	import Submit from '$lib/components/button/Submit.svelte';
 
 	import SchoolBadge from '$lib/components/icons/SchoolBadge.svelte';
 	import SplitLayout from '$lib/components/layout/SplitLayout.svelte';
@@ -25,12 +26,9 @@
 		<div class="w-3/5">
 			<TextField bind:value={applicationValue} placeholder="Ev. číslo" type="number" />
 		</div>
-		<input
-			on:click={redirectToCode}
-			class="bg-sspsBlue hover:bg-sspsBlueDark mt-8 w-3/5 rounded-lg p-3 text-xl font-semibold text-white transition-colors duration-300"
-			type="submit"
-			value="Odeslat"
-		/>
+		<div class="mt-8 w-3/5">
+			<Submit on:click={redirectToCode} value="Odeslat" />
+		</div>
 	</div>
 </SplitLayout>