diff --git a/src/lib/components/Loader.svelte b/src/lib/components/Loader.svelte
index ed83b10..62b43fc 100644
--- a/src/lib/components/Loader.svelte
+++ b/src/lib/components/Loader.svelte
@@ -1,6 +1,6 @@
 <div
-	class="absolute inset-0 z-10 flex items-center justify-center bg-white bg-opacity-50"
+	class="bg-opacity-50 absolute inset-0 z-10 flex items-center justify-center bg-white"
 	id="spinner"
 >
-	<div class="h-20 w-20 animate-spin rounded-full border-b-2 border-t-2 border-gray-900"></div>
+	<div class="h-20 w-20 animate-spin rounded-full border-t-2 border-b-2 border-gray-900"></div>
 </div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 63a694c..109b9d7 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -45,7 +45,7 @@
 	<!-- Info Icon -->
 	<button
 		onclick={toggleModal}
-		class="absolute right-3 top-3 text-pink-500 transition hover:text-pink-300"
+		class="absolute top-3 right-3 text-pink-500 transition hover:text-pink-300"
 		aria-label="Open Info Modal"
 	>
 		<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-6 w-6" viewBox="0 0 24 24">
@@ -137,7 +137,7 @@
 
 <!-- Modal -->
 {#if showModal}
-	<div class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-80">
+	<div class="bg-opacity-80 fixed inset-0 z-50 flex items-center justify-center bg-black">
 		<div
 			class="w-4/5 max-w-lg rounded-lg border-4 border-green-500 bg-green-900 p-6 text-center text-green-100"
 		>