diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index f527293..4a0793b 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -60,8 +60,8 @@
 			</div>
 			<div
 				class="absolute left-0 mx-5 my-3 w-56 rounded-md bg-[#6993e9] {downloadIsPressed
-					? 'transition ease-in duration-75 opacity-100 scale-100 visible'
-					: 'opacity-0 transition ease-out duration-100 scale-95'}"
+					? 'transition-all ease-in duration-75 opacity-100 scale-100 visible'
+					: 'opacity-0 transition-all ease-out duration-100 scale-95'}"
 			>
 				<div class="py-1">
 					<!-- Sway/River Download Links Under Logo -->
@@ -142,8 +142,8 @@
 					</div>
 					<div
 						class="absolute left-0 mx-5 my-3 ml-0 w-56 rounded-md bg-[#8bd5ca] {checksumSwayIsPressed
-							? 'transition ease-in duration-75 opacity-100 scale-100'
-							: 'opacity-0 transition ease-out duration-100 scale-95'}"
+							? 'transition-all ease-in duration-75 opacity-100 scale-100'
+							: 'opacity-0 transition-all ease-out duration-100 scale-95'}"
 					>
 						<div class="py-1">
 							<!-- Checksum Download Links -->
@@ -247,8 +247,8 @@
 					</div>
 					<div
 						class="absolute left-0 mx-5 my-3 ml-0 w-56 rounded-md bg-[#8bd5ca] {checksumRiverIsPressed
-							? 'transition ease-in duration-75 opacity-100 scale-100'
-							: 'opacity-0 transition ease-out duration-100 scale-95'}"
+							? 'transition-all ease-in duration-75 opacity-100 scale-100'
+							: 'opacity-0 transition-all ease-out duration-100 scale-95'}"
 					>
 						<div class="py-1">
 							<!-- Checksum Download Links -->