diff --git a/src/lib/modals/chats/BanMember.svelte b/src/lib/modals/chats/BanMember.svelte
index 853a3f5c..d90a8d59 100644
--- a/src/lib/modals/chats/BanMember.svelte
+++ b/src/lib/modals/chats/BanMember.svelte
@@ -1,38 +1,38 @@
 <script>
-	import { authHeader } from './../../stores.js';
+	import {authHeader} from "./../../stores.js";
 	import Modal from "../../Modal.svelte";
 	import * as modals from "../../modals.js";
-	import { chat } from "../../stores";
-	import { apiUrl } from "../../urls";
+	import {chat} from "../../stores";
+	import {apiUrl} from "../../urls";
 
 	export let modalData;
 
 	let {username} = modalData;
 
-    let reason = "";
+	let reason = "";
 </script>
 
 <Modal on:close={modals.closeLastModal}>
-    <h2 slot="header">Remove {username}</h2>
-
-    <div slot="default">
-        Are you sure you want to ban {username}  from this chat?
-        <form on:submit|preventDefault={() => {
-            fetch(`${apiUrl}chats/${$chat._id}/bans/${username}`, {
-                method: "PUT",
-                headers: {
-                    ...$authHeader
-                },
-                body: reason
-            })
-            modals.closeLastModal();
-        }}>
-
-            <label for="reason">Reason</label>
-            <input type="text" id="reason" bind:value={reason}>
-
-            <button type="submit">Ban</button>
-
-        </form>
-    </div>
-</Modal>
\ No newline at end of file
+	<h2 slot="header">Remove {username}</h2>
+
+	<div slot="default">
+		Are you sure you want to ban {username} from this chat?
+		<form
+			on:submit|preventDefault={() => {
+				fetch(`${apiUrl}chats/${$chat._id}/bans/${username}`, {
+					method: "PUT",
+					headers: {
+						...$authHeader,
+					},
+					body: reason,
+				});
+				modals.closeLastModal();
+			}}
+		>
+			<label for="reason">Reason</label>
+			<input type="text" id="reason" bind:value={reason} />
+
+			<button type="submit">Ban</button>
+		</form>
+	</div>
+</Modal>
diff --git a/src/lib/modals/chats/BannedMembers.svelte b/src/lib/modals/chats/BannedMembers.svelte
index 63679e81..011f637b 100644
--- a/src/lib/modals/chats/BannedMembers.svelte
+++ b/src/lib/modals/chats/BannedMembers.svelte
@@ -1,81 +1,81 @@
 <script>
-	import Member from './../../Member.svelte';
-	import { authHeader, chat } from './../../stores.js';
-	import { apiUrl } from './../../urls.js';
+	import Member from "./../../Member.svelte";
+	import {authHeader, chat} from "./../../stores.js";
+	import {apiUrl} from "./../../urls.js";
 	import Modal from "../../Modal.svelte";
-    import * as modals from "../../modals"
-	import Spinner from '../../Spinner.svelte';
-	import Container from '../../Container.svelte';
-
-    async function fetchBannedMembers() {
-        const resp = await fetch(`${apiUrl}chats/${$chat._id}/bans`, {
-            headers: $authHeader
-        })
-        if (!resp.ok) {
-            if (resp.status === 429) {
-                throw new Error("Too many requests! Try again later.")
-            }
-            throw new Error("Response code is not OK; code is " + resp.status)
-        }
-        $chat.banned_users = (await resp.json()).bans;
-    }
-
-
+	import * as modals from "../../modals";
+	import Spinner from "../../Spinner.svelte";
+	import Container from "../../Container.svelte";
 
+	async function fetchBannedMembers() {
+		const resp = await fetch(`${apiUrl}chats/${$chat._id}/bans`, {
+			headers: $authHeader,
+		});
+		if (!resp.ok) {
+			if (resp.status === 429) {
+				throw new Error("Too many requests! Try again later.");
+			}
+			throw new Error("Response code is not OK; code is " + resp.status);
+		}
+		$chat.banned_users = (await resp.json()).bans;
+	}
 </script>
 
 <Modal on:close={modals.closeLastModal}>
-    <h2 slot="header">Banned Users</h2>
-    <div slot="default">
-    {#await fetchBannedMembers()}
-        <Spinner />
-    {:then _}
-
-
-    {#each $chat.banned_users as member}
-
-    <Container>
-    <Member member={member.username} owner={false} />
-    <div class="inline">
-        <p> Reason: {member.message} </p>
+	<h2 slot="header">Banned Users</h2>
+	<div slot="default">
+		{#await fetchBannedMembers()}
+			<Spinner />
+		{:then _}
+			{#each $chat.banned_users as member}
+				<Container>
+					<Member member={member.username} owner={false} />
+					<div class="inline">
+						<p>Reason: {member.message}</p>
 
-        <button class="delete" on:click={() => {
-            fetch(`${apiUrl}chats/${$chat._id}/bans/${member.username}`, {
-                method: "DELETE",
-                headers: $authHeader
-            })
-            modals.closeLastModal()
-        }} >Unban</button>
-    </div>
-    </Container>
-        {/each}
-        {/await}
-    </div>
-    </Modal>
+						<button
+							class="delete"
+							on:click={() => {
+								fetch(
+									`${apiUrl}chats/${$chat._id}/bans/${member.username}`,
+									{
+										method: "DELETE",
+										headers: $authHeader,
+									}
+								);
+								modals.closeLastModal();
+							}}>Unban</button
+						>
+					</div>
+				</Container>
+			{/each}
+		{/await}
+	</div>
+</Modal>
 
 <style>
-    p {
-        display: flex;
-        justify-content: center;
-        text-align: center;
-    }
+	p {
+		display: flex;
+		justify-content: center;
+		text-align: center;
+	}
 
-    .delete {
-        justify-content: right;
-        flex: right;
-        height: 100%;
-    }
+	.delete {
+		justify-content: right;
+		flex: right;
+		height: 100%;
+	}
 
-    .inline {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-        align-items: left;
-        vertical-align: middle;
-    }
+	.inline {
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: left;
+		vertical-align: middle;
+	}
 
-    .inline p {
-        justify-self: center;
-        align-self: center;
-    }
-</style>
\ No newline at end of file
+	.inline p {
+		justify-self: center;
+		align-self: center;
+	}
+</style>
diff --git a/src/lib/modals/chats/GCMember.svelte b/src/lib/modals/chats/GCMember.svelte
index 6eb48f1d..f9c94f4e 100644
--- a/src/lib/modals/chats/GCMember.svelte
+++ b/src/lib/modals/chats/GCMember.svelte
@@ -1,5 +1,5 @@
 <script>
- 	import Modal from "../../Modal.svelte";
+	import Modal from "../../Modal.svelte";
 	import ProfileView from "../../ProfileView.svelte";
 
 	import RemoveMemberModal from "./RemoveMember.svelte";
@@ -49,7 +49,8 @@
 			>
 				Make owner of chat
 			</button>
-			<button class="long"
+			<button
+				class="long"
 				on:click={() => {
 					modals.replaceLastModal(BanMember, {
 						username,
@@ -59,8 +60,6 @@
 				Ban user from chat
 			</button>
 		{/if}
-
-
 	</div>
 </Modal>
 
diff --git a/src/lib/modals/chats/Invites.svelte b/src/lib/modals/chats/Invites.svelte
index ee648022..832760a5 100644
--- a/src/lib/modals/chats/Invites.svelte
+++ b/src/lib/modals/chats/Invites.svelte
@@ -1,94 +1,100 @@
 <script>
-	import Invites from './Invites.svelte';
-	import { chat, authHeader } from './../../stores.js';
-	import Spinner from './../../Spinner.svelte';
-	import { apiUrl } from '../../urls';
+	import Invites from "./Invites.svelte";
+	import {chat, authHeader} from "./../../stores.js";
+	import Spinner from "./../../Spinner.svelte";
+	import {apiUrl} from "../../urls";
 	import Modal from "../../Modal.svelte";
-    import * as modals from "../../modals";
-	import { writable } from 'svelte/store';
-	import Container from '../../Container.svelte';
+	import * as modals from "../../modals";
+	import {writable} from "svelte/store";
+	import Container from "../../Container.svelte";
 
-    if (!$chat.invites) $chat.invites = [];
-    // @ts-ignore
-    if ((typeof $chat.invites) != 'Array') $chat.invites = [];
+	if (!$chat.invites) $chat.invites = [];
+	// @ts-ignore
+	if (typeof $chat.invites != "Array") $chat.invites = [];
 
-
-    async function fetchInvites() {
-        let data = await (await fetch(`${apiUrl}chats/${$chat._id}/invites`, {
-            headers: $authHeader
-        })).json();
-        console.log(data)
-        $chat.invites = data.invites;
-    }
+	async function fetchInvites() {
+		let data = await (
+			await fetch(`${apiUrl}chats/${$chat._id}/invites`, {
+				headers: $authHeader,
+			})
+		).json();
+		console.log(data);
+		$chat.invites = data.invites;
+	}
 </script>
 
 <Modal on:close={modals.closeLastModal}>
-    <h1 slot="header">
-        Chat Invites
-    </h1>
-
-    <div slot="default">
-        {#await fetchInvites()}
-            <Spinner />
-        {/await}
-
-        {#each $chat.invites as invite}
-        <Container>
-        <div class="inline">
-            <a href="https://app.meower.org/invite/{invite._id}" target="_blank">
-            https://app.meower.org/invite/{invite._id}
-        </a>
-        <div class="delete">
-            <button class="right_align"
-            on:click|preventDefault={() => {
-                fetch(`${apiUrl}chats/invites/${invite._id}`, {
-                    method: 'DELETE',
-                    headers: $authHeader
-                                });
-                                modals.closeLastModal();
-                            }}
-                        >
-                        Revoke Invite
-                    </button>
-            </div>
-        </div>
-
-    </Container>
-            {/each}
-        <hr>
-        <button on:click|preventDefault={async () => {
-            let invite = await (await fetch(`${apiUrl}chats/${$chat._id}/invites`, {
-                method: 'POST',
-                headers: $authHeader
-            })).json();
+	<h1 slot="header">Chat Invites</h1>
 
+	<div slot="default">
+		{#await fetchInvites()}
+			<Spinner />
+		{/await}
 
-            $chat.invites = [...$chat.invites, {_id: invite.invite, chat_id: $chat._id}];
-        }} >Create Invite</button>
-    </div>
+		{#each $chat.invites as invite}
+			<Container>
+				<div class="inline">
+					<a
+						href="https://app.meower.org/invite/{invite._id}"
+						target="_blank"
+					>
+						https://app.meower.org/invite/{invite._id}
+					</a>
+					<div class="delete">
+						<button
+							class="right_align"
+							on:click|preventDefault={() => {
+								fetch(`${apiUrl}chats/invites/${invite._id}`, {
+									method: "DELETE",
+									headers: $authHeader,
+								});
+							}}
+						>
+							Revoke Invite
+						</button>
+					</div>
+				</div>
+			</Container>
+		{/each}
+		<hr />
+		<button
+			on:click|preventDefault={async () => {
+				let invite = await (
+					await fetch(`${apiUrl}chats/${$chat._id}/invites`, {
+						method: "POST",
+						headers: $authHeader,
+					})
+				).json();
 
+				$chat.invites = [
+					...$chat.invites,
+					{_id: invite.invite, chat_id: $chat._id},
+				];
+			}}>Create Invite</button
+		>
+	</div>
 </Modal>
 
 <style>
-    .right_align {
-        align-self: right;
-    }
+	.right_align {
+		align-self: right;
+	}
 
-    .delete {
-        justify-content: right;
-        flex: right;
-    }
+	.delete {
+		justify-content: right;
+		flex: right;
+	}
 
-    .inline {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-        align-items: left;
-        vertical-align: middle;
-    }
+	.inline {
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: left;
+		vertical-align: middle;
+	}
 
-    .inline a {
-        justify-self: center;
-        align-self: center;
-    }
-</style>
\ No newline at end of file
+	.inline a {
+		justify-self: center;
+		align-self: center;
+	}
+</style>
diff --git a/src/lib/stores.js b/src/lib/stores.js
index 31730ac3..87fe8c93 100644
--- a/src/lib/stores.js
+++ b/src/lib/stores.js
@@ -40,7 +40,7 @@ export const chat = writable({
 	last_active: 0,
 	deleted: false,
 	banned_users: [],
-	invites: []
+	invites: [],
 });
 
 // User list
diff --git a/src/lib/urls.js b/src/lib/urls.js
index 931adbb3..71c1c336 100644
--- a/src/lib/urls.js
+++ b/src/lib/urls.js
@@ -4,8 +4,10 @@
 
 export const beta = false;
 export const linkUrl =
-	localStorage.getItem("meower_linkurl") || "wss://meower-ws.showierdata.xyz/"
+	localStorage.getItem("meower_linkurl") ||
+	"wss://meower-ws.showierdata.xyz/";
 export const apiUrl =
-	localStorage.getItem("meower_apiurl") || "https://meower-api.showierdata.xyz/"
+	localStorage.getItem("meower_apiurl") ||
+	"https://meower-api.showierdata.xyz/";
 export const encodeApiURLParams =
 	localStorage.getItem("meower_encodeapi") || false;
diff --git a/src/pages/_layout.svelte b/src/pages/_layout.svelte
index 472f1770..13961994 100644
--- a/src/pages/_layout.svelte
+++ b/src/pages/_layout.svelte
@@ -167,7 +167,11 @@
 		--orange: #4d97ff;
 		--orange-light: rgb(140, 189, 245);
 		--orange-dark: #3888f1;
-		--orange-scrollbar-back: color-mix(in srgb, #000000 20%, var(--orange-dark));
+		--orange-scrollbar-back: color-mix(
+			in srgb,
+			#000000 20%,
+			var(--orange-dark)
+		);
 		--background: white;
 		--foreground: black;
 		--foreground-orange: white;
diff --git a/src/pages/chats/[chatid].svelte b/src/pages/chats/[chatid].svelte
index ca28eea0..2507a312 100644
--- a/src/pages/chats/[chatid].svelte
+++ b/src/pages/chats/[chatid].svelte
@@ -2,7 +2,7 @@
 	Home but it's a group chat.
 -->
 <script>
-	import Invites from './../../lib/modals/chats/Invites.svelte';
+	import Invites from "./../../lib/modals/chats/Invites.svelte";
 	import BasicModal from "../../lib/modals/Basic.svelte";
 	import ChangeChatNicknameModal from "../../lib/modals/chats/ChangeChatNickname.svelte";
 	import GCMemberModal from "../../lib/modals/chats/GCMember.svelte";
@@ -46,7 +46,7 @@
 				last_active: 0,
 				deleted: false,
 				banned_users: [],
-				invites: []
+				invites: [],
 			});
 
 			clm.link.send({
@@ -144,7 +144,7 @@
 			last_active: 0,
 			deleted: false,
 			banned_users: [],
-			invites: []
+			invites: [],
 		});
 	});
 </script>
@@ -183,14 +183,20 @@
 							/>
 						{/if}
 						{#if $chat.owner === $user.name || ($params.admin && hasPermission(adminPermissions.EDIT_CHATS))}
-							<button class="circle" id="HoverOver-Members" on:click|preventDefault={() => (
-								modals.showModal(BannedMembers, {})
-							)}>
+							<button
+								class="circle"
+								id="HoverOver-Members"
+								on:click|preventDefault={() =>
+									modals.showModal(BannedMembers, {})}
+							>
 								<b>B</b>
 							</button>
-							<button class="circle" on:click|preventDefault={() => {
-								modals.showModal(Invites, {})
-							}}>
+							<button
+								class="circle"
+								on:click|preventDefault={() => {
+									modals.showModal(Invites, {});
+								}}
+							>
 								<b>I</b>
 							</button>
 							<button
@@ -290,7 +296,6 @@
 						/>
 					</button>
 				{/each}
-
 			</div>
 			<div class="top">
 				<h2 class="members-title">
@@ -318,7 +323,6 @@
 								} else {
 									modals.showModal(AddMemberModeModal);
 								}
-
 							}}
 						/>
 					{/if}
@@ -434,6 +438,4 @@
 	#HoverOver-Members {
 		cursor: pointer;
 	}
-
-
 </style>
diff --git a/src/pages/invite/[invite].svelte b/src/pages/invite/[invite].svelte
index 979f2862..fbfa5d41 100644
--- a/src/pages/invite/[invite].svelte
+++ b/src/pages/invite/[invite].svelte
@@ -5,9 +5,9 @@
 	import {onMount} from "svelte";
 	import Container from "../../lib/Container.svelte";
 	import Spinner from "../../lib/Spinner.svelte";
-	import { writable } from "svelte/store";
+	import {writable} from "svelte/store";
 
-    let ok = writable(true);
+	let ok = writable(true);
 	onMount(() => {
 		(async () => {
 			let response = await fetch(
@@ -23,17 +23,16 @@
 			if (response.status === 404) {
 				$goto("/404");
 			} else if (!response.ok) {
-                $goto("/500");
-            }
+				$goto("/500");
+			}
 
-            let data = await response.json();
+			let data = await response.json();
 
-            // Cursed code because the server does not seem to want to send a packet
-            let chat = $chats.findLast(
-                chat => chat._id === data.chat
-            )
+			// Cursed code because the server does not seem to want to send a packet
+			let chat = $chats.findLast(chat => chat._id === data.chat);
 
-            if (chat.members.indexOf($user.name) === -1) chat.members.push($user.name);
+			if (chat.members.indexOf($user.name) === -1)
+				chat.members.push($user.name);
 
 			$goto(`/chats/${data.chat}`);
 		})();
@@ -41,13 +40,13 @@
 </script>
 
 <Container>
-    <h1>Joining Invite...</h1>
+	<h1>Joining Invite...</h1>
 
-    {#if $ok}
-        <Spinner />
-    {:else}
-        <h1>Invalid Invite</h1>
+	{#if $ok}
+		<Spinner />
+	{:else}
+		<h1>Invalid Invite</h1>
 
-        Or you could have been banned.
-    {/if}
-</Container>
\ No newline at end of file
+		Or you could have been banned.
+	{/if}
+</Container>