diff --git a/src/_components/activities/ActivityDetails.svelte b/src/_components/activities/ActivityDetails.svelte
index f7ed0224..cc421780 100644
--- a/src/_components/activities/ActivityDetails.svelte
+++ b/src/_components/activities/ActivityDetails.svelte
@@ -348,11 +348,11 @@
 								{:else}
 									<a
 										href={joinUrl}
-										class="relative inline-flex justify-center rounded-md border-2 border-thatBlue-500
-                  bg-white px-4 py-2 text-sm font-medium
-                  leading-5 text-thatBlue-500 transition
-                  duration-150 ease-in-out
-                  hover:bg-thatBlue-500 hover:tes xt-white
+										class="hover:tes xt-white relative inline-flex justify-center rounded-md
+                  border-2 border-thatBlue-500 bg-white px-4 py-2
+                  text-sm font-medium leading-5
+                  text-thatBlue-500 transition
+                  duration-150 ease-in-out hover:bg-thatBlue-500
                   focus:border-thatBlue-800 focus:bg-thatBlue-500
                   focus:text-white focus:outline-none focus:ring-thatBlue-500 active:bg-thatBlue-800">
 										<Icon data={signIn} class="-ml-1 mr-2 h-4 w-4 text-gray-400" />
diff --git a/src/app.html b/src/app.html
index 88e8b93b..425aabd1 100644
--- a/src/app.html
+++ b/src/app.html
@@ -1,8 +1,8 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
 		<meta name="theme-color" content="#26529a" media="(prefers-color-scheme: light)" />
 		<meta name="theme-color" content="#16215A" media="(prefers-color-scheme: dark)" />
