diff --git a/.prettierignore b/.prettierignore
index bf929bf9..56a38774 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -3,5 +3,5 @@
 **/gen/**
 
 # Uses paritals
-html/404.hbs
+html/index.hbs
 
diff --git a/html/fonts/fonts.css b/html/fonts/fonts.css
index e8848b5a..ee695fa5 100644
--- a/html/fonts/fonts.css
+++ b/html/fonts/fonts.css
@@ -1,329 +1,328 @@
 @font-face {
-    font-family: 'Open Sans';
-    src: url('/fonts/open-sans/OpenSans-Bold.ttf') format('truetype');
-    font-weight: bold;
-    font-style: normal;
+	font-family: 'Open Sans';
+	src: url('/fonts/open-sans/OpenSans-Bold.ttf') format('truetype');
+	font-weight: bold;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Open Sans';
-    src: url('/fonts/open-sans/OpenSans-BoldItalic.ttf') format('truetype');
-    font-weight: bold;
-    font-style: italic;
+	font-family: 'Open Sans';
+	src: url('/fonts/open-sans/OpenSans-BoldItalic.ttf') format('truetype');
+	font-weight: bold;
+	font-style: italic;
 }
 
 @font-face {
-    font-family: 'Open Sans';
-    src: url('/fonts/open-sans/OpenSans-ExtraBold.ttf') format('truetype');
-    font-weight: 800;
-    font-style: normal;
+	font-family: 'Open Sans';
+	src: url('/fonts/open-sans/OpenSans-ExtraBold.ttf') format('truetype');
+	font-weight: 800;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Open Sans';
-    src: url('/fonts/open-sans/OpenSans-ExtraBoldItalic.ttf') format('truetype');
-    font-weight: 800;
-    font-style: italic;
+	font-family: 'Open Sans';
+	src: url('/fonts/open-sans/OpenSans-ExtraBoldItalic.ttf') format('truetype');
+	font-weight: 800;
+	font-style: italic;
 }
 
 @font-face {
-    font-family: 'Open Sans';
-    src: url('/fonts/open-sans/OpenSans-Italic.ttf') format('truetype');
-    font-weight: normal;
-    font-style: italic;
+	font-family: 'Open Sans';
+	src: url('/fonts/open-sans/OpenSans-Italic.ttf') format('truetype');
+	font-weight: normal;
+	font-style: italic;
 }
 
 @font-face {
-    font-family: 'Open Sans';
-    src: url('/fonts/open-sans/OpenSans-Light.ttf') format('truetype');
-    font-weight: 300;
-    font-style: normal;
+	font-family: 'Open Sans';
+	src: url('/fonts/open-sans/OpenSans-Light.ttf') format('truetype');
+	font-weight: 300;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Open Sans';
-    src: url('/fonts/open-sans/OpenSans-LightItalic.ttf') format('truetype');
-    font-weight: 300;
-    font-style: italic;
+	font-family: 'Open Sans';
+	src: url('/fonts/open-sans/OpenSans-LightItalic.ttf') format('truetype');
+	font-weight: 300;
+	font-style: italic;
 }
 
 @font-face {
-    font-family: 'Open Sans';
-    src: url('/fonts/open-sans/OpenSans-Medium.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
+	font-family: 'Open Sans';
+	src: url('/fonts/open-sans/OpenSans-Medium.ttf') format('truetype');
+	font-weight: normal;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Open Sans';
-    src: url('/fonts/open-sans/OpenSans-MediumItalic.ttf') format('truetype');
-    font-weight: normal;
-    font-style: italic;
+	font-family: 'Open Sans';
+	src: url('/fonts/open-sans/OpenSans-MediumItalic.ttf') format('truetype');
+	font-weight: normal;
+	font-style: italic;
 }
 
 @font-face {
-    font-family: 'Open Sans';
-    src: url('/fonts/open-sans/OpenSans-Regular.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
+	font-family: 'Open Sans';
+	src: url('/fonts/open-sans/OpenSans-Regular.ttf') format('truetype');
+	font-weight: normal;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Open Sans';
-    src: url('/fonts/open-sans/OpenSans-SemiBold.ttf') format('truetype');
-    font-weight: 600;
-    font-style: normal;
+	font-family: 'Open Sans';
+	src: url('/fonts/open-sans/OpenSans-SemiBold.ttf') format('truetype');
+	font-weight: 600;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Open Sans';
-    src: url('/fonts/open-sans/OpenSans-SemiBoldItalic.ttf') format('truetype');
-    font-weight: 600;
-    font-style: italic;
+	font-family: 'Open Sans';
+	src: url('/fonts/open-sans/OpenSans-SemiBoldItalic.ttf') format('truetype');
+	font-weight: 600;
+	font-style: italic;
 }
 
 @font-face {
-    font-family: 'Open Sans Condensed';
-    src: url('/fonts/open-sans/OpenSans_Condensed-Bold.ttf') format('truetype');
-    font-weight: bold;
-    font-style: normal;
+	font-family: 'Open Sans Condensed';
+	src: url('/fonts/open-sans/OpenSans_Condensed-Bold.ttf') format('truetype');
+	font-weight: bold;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Open Sans Condensed';
-    src: url('/fonts/open-sans/OpenSans_Condensed-BoldItalic.ttf') format('truetype');
-    font-weight: bold;
-    font-style: italic;
+	font-family: 'Open Sans Condensed';
+	src: url('/fonts/open-sans/OpenSans_Condensed-BoldItalic.ttf') format('truetype');
+	font-weight: bold;
+	font-style: italic;
 }
 
 @font-face {
-    font-family: 'Open Sans Condensed';
-    src: url('/fonts/open-sans/OpenSans_Condensed-ExtraBold.ttf') format('truetype');
-    font-weight: 800;
-    font-style: normal;
+	font-family: 'Open Sans Condensed';
+	src: url('/fonts/open-sans/OpenSans_Condensed-ExtraBold.ttf') format('truetype');
+	font-weight: 800;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Open Sans Condensed';
-    src: url('/fonts/open-sans/OpenSans_Condensed-ExtraBoldItalic.ttf') format('truetype');
-    font-weight: 800;
-    font-style: italic;
+	font-family: 'Open Sans Condensed';
+	src: url('/fonts/open-sans/OpenSans_Condensed-ExtraBoldItalic.ttf') format('truetype');
+	font-weight: 800;
+	font-style: italic;
 }
 
 @font-face {
-    font-family: 'Open Sans Condensed';
-    src: url('/fonts/open-sans/OpenSans_Condensed-Italic.ttf') format('truetype');
-    font-weight: normal;
-    font-style: italic;
+	font-family: 'Open Sans Condensed';
+	src: url('/fonts/open-sans/OpenSans_Condensed-Italic.ttf') format('truetype');
+	font-weight: normal;
+	font-style: italic;
 }
 
 @font-face {
-    font-family: 'Open Sans Condensed';
-    src: url('/fonts/open-sans/OpenSans_Condensed-Light.ttf') format('truetype');
-    font-weight: 300;
-    font-style: normal;
+	font-family: 'Open Sans Condensed';
+	src: url('/fonts/open-sans/OpenSans_Condensed-Light.ttf') format('truetype');
+	font-weight: 300;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Open Sans Condensed';
-    src: url('/fonts/open-sans/OpenSans_Condensed-LightItalic.ttf') format('truetype');
-    font-weight: 300;
-    font-style: italic;
+	font-family: 'Open Sans Condensed';
+	src: url('/fonts/open-sans/OpenSans_Condensed-LightItalic.ttf') format('truetype');
+	font-weight: 300;
+	font-style: italic;
 }
 
 @font-face {
-    font-family: 'Open Sans Condensed';
-    src: url('/fonts/open-sans/OpenSans_Condensed-Medium.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
+	font-family: 'Open Sans Condensed';
+	src: url('/fonts/open-sans/OpenSans_Condensed-Medium.ttf') format('truetype');
+	font-weight: normal;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Open Sans Condensed';
-    src: url('/fonts/open-sans/OpenSans_Condensed-MediumItalic.ttf') format('truetype');
-    font-weight: normal;
-    font-style: italic;
+	font-family: 'Open Sans Condensed';
+	src: url('/fonts/open-sans/OpenSans_Condensed-MediumItalic.ttf') format('truetype');
+	font-weight: normal;
+	font-style: italic;
 }
 
 @font-face {
-    font-family: 'Open Sans Condensed';
-    src: url('/fonts/open-sans/OpenSans_Condensed-Regular.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
+	font-family: 'Open Sans Condensed';
+	src: url('/fonts/open-sans/OpenSans_Condensed-Regular.ttf') format('truetype');
+	font-weight: normal;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Open Sans Condensed';
-    src: url('/fonts/open-sans/OpenSans_Condensed-SemiBold.ttf') format('truetype');
-    font-weight: 600;
-    font-style: normal;
+	font-family: 'Open Sans Condensed';
+	src: url('/fonts/open-sans/OpenSans_Condensed-SemiBold.ttf') format('truetype');
+	font-weight: 600;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Open Sans Condensed';
-    src: url('/fonts/open-sans/OpenSans_Condensed-SemiBoldItalic.ttf') format('truetype');
-    font-weight: 600;
-    font-style: italic;
+	font-family: 'Open Sans Condensed';
+	src: url('/fonts/open-sans/OpenSans_Condensed-SemiBoldItalic.ttf') format('truetype');
+	font-weight: 600;
+	font-style: italic;
 }
 
 @font-face {
-    font-family: 'Open Sans Semi Condensed';
-    src: url('/fonts/open-sans/OpenSans_SemiCondensed-Bold.ttf') format('truetype');
-    font-weight: bold;
-    font-style: normal;
+	font-family: 'Open Sans Semi Condensed';
+	src: url('/fonts/open-sans/OpenSans_SemiCondensed-Bold.ttf') format('truetype');
+	font-weight: bold;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Open Sans Semi Condensed';
-    src: url('/fonts/open-sans/OpenSans_SemiCondensed-BoldItalic.ttf') format('truetype');
-    font-weight: bold;
-    font-style: italic;
+	font-family: 'Open Sans Semi Condensed';
+	src: url('/fonts/open-sans/OpenSans_SemiCondensed-BoldItalic.ttf') format('truetype');
+	font-weight: bold;
+	font-style: italic;
 }
 
 @font-face {
-    font-family: 'Open Sans Semi Condensed';
-    src: url('/fonts/open-sans/OpenSans_SemiCondensed-ExtraBold.ttf') format('truetype');
-    font-weight: 800;
-    font-style: normal;
+	font-family: 'Open Sans Semi Condensed';
+	src: url('/fonts/open-sans/OpenSans_SemiCondensed-ExtraBold.ttf') format('truetype');
+	font-weight: 800;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Open Sans Semi Condensed';
-    src: url('/fonts/open-sans/OpenSans_SemiCondensed-ExtraBoldItalic.ttf') format('truetype');
-    font-weight: 800;
-    font-style: italic;
+	font-family: 'Open Sans Semi Condensed';
+	src: url('/fonts/open-sans/OpenSans_SemiCondensed-ExtraBoldItalic.ttf') format('truetype');
+	font-weight: 800;
+	font-style: italic;
 }
 
 @font-face {
-    font-family: 'Open Sans Semi Condensed';
-    src: url('/fonts/open-sans/OpenSans_SemiCondensed-Italic.ttf') format('truetype');
-    font-weight: normal;
-    font-style: italic;
+	font-family: 'Open Sans Semi Condensed';
+	src: url('/fonts/open-sans/OpenSans_SemiCondensed-Italic.ttf') format('truetype');
+	font-weight: normal;
+	font-style: italic;
 }
 
 @font-face {
-    font-family: 'Open Sans Semi Condensed';
-    src: url('/fonts/open-sans/OpenSans_SemiCondensed-Light.ttf') format('truetype');
-    font-weight: 300;
-    font-style: normal;
+	font-family: 'Open Sans Semi Condensed';
+	src: url('/fonts/open-sans/OpenSans_SemiCondensed-Light.ttf') format('truetype');
+	font-weight: 300;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Open Sans Semi Condensed';
-    src: url('/fonts/open-sans/OpenSans_SemiCondensed-LightItalic.ttf') format('truetype');
-    font-weight: 300;
-    font-style: italic;
+	font-family: 'Open Sans Semi Condensed';
+	src: url('/fonts/open-sans/OpenSans_SemiCondensed-LightItalic.ttf') format('truetype');
+	font-weight: 300;
+	font-style: italic;
 }
 
 @font-face {
-    font-family: 'Open Sans Semi Condensed';
-    src: url('/fonts/open-sans/OpenSans_SemiCondensed-Medium.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
+	font-family: 'Open Sans Semi Condensed';
+	src: url('/fonts/open-sans/OpenSans_SemiCondensed-Medium.ttf') format('truetype');
+	font-weight: normal;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Open Sans Semi Condensed';
-    src: url('/fonts/open-sans/OpenSans_SemiCondensed-MediumItalic.ttf') format('truetype');
-    font-weight: normal;
-    font-style: italic;
+	font-family: 'Open Sans Semi Condensed';
+	src: url('/fonts/open-sans/OpenSans_SemiCondensed-MediumItalic.ttf') format('truetype');
+	font-weight: normal;
+	font-style: italic;
 }
 
 @font-face {
-    font-family: 'Open Sans Semi Condensed';
-    src: url('/fonts/open-sans/OpenSans_SemiCondensed-Regular.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
+	font-family: 'Open Sans Semi Condensed';
+	src: url('/fonts/open-sans/OpenSans_SemiCondensed-Regular.ttf') format('truetype');
+	font-weight: normal;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Open Sans Semi Condensed';
-    src: url('/fonts/open-sans/OpenSans_SemiCondensed-SemiBold.ttf') format('truetype');
-    font-weight: 600;
-    font-style: normal;
+	font-family: 'Open Sans Semi Condensed';
+	src: url('/fonts/open-sans/OpenSans_SemiCondensed-SemiBold.ttf') format('truetype');
+	font-weight: 600;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Open Sans Semi Condensed';
-    src: url('/fonts/open-sans/OpenSans_SemiCondensed-SemiBoldItalic.ttf') format('truetype');
-    font-weight: 600;
-    font-style: italic;
+	font-family: 'Open Sans Semi Condensed';
+	src: url('/fonts/open-sans/OpenSans_SemiCondensed-SemiBoldItalic.ttf') format('truetype');
+	font-weight: 600;
+	font-style: italic;
 }
 
 @font-face {
-    font-family: 'Darker Grotesque';
-    src: url('/fonts/darker-grotesque/DarkerGrotesque-Black.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
+	font-family: 'Darker Grotesque';
+	src: url('/fonts/darker-grotesque/DarkerGrotesque-Black.ttf') format('truetype');
+	font-weight: normal;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Darker Grotesque';
-    src: url('/fonts/darker-grotesque/DarkerGrotesque-Bold.ttf') format('truetype');
-    font-weight: bold;
-    font-style: normal;
+	font-family: 'Darker Grotesque';
+	src: url('/fonts/darker-grotesque/DarkerGrotesque-Bold.ttf') format('truetype');
+	font-weight: bold;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Darker Grotesque';
-    src: url('/fonts/darker-grotesque/DarkerGrotesque-ExtraBold.ttf') format('truetype');
-    font-weight: 800;
-    font-style: normal;
+	font-family: 'Darker Grotesque';
+	src: url('/fonts/darker-grotesque/DarkerGrotesque-ExtraBold.ttf') format('truetype');
+	font-weight: 800;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Darker Grotesque';
-    src: url('/fonts/darker-grotesque/DarkerGrotesque-Light.ttf') format('truetype');
-    font-weight: 300;
-    font-style: normal;
+	font-family: 'Darker Grotesque';
+	src: url('/fonts/darker-grotesque/DarkerGrotesque-Light.ttf') format('truetype');
+	font-weight: 300;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Darker Grotesque';
-    src: url('/fonts/darker-grotesque/DarkerGrotesque-Medium.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
+	font-family: 'Darker Grotesque';
+	src: url('/fonts/darker-grotesque/DarkerGrotesque-Medium.ttf') format('truetype');
+	font-weight: normal;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Darker Grotesque';
-    src: url('/fonts/darker-grotesque/DarkerGrotesque-Regular.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
+	font-family: 'Darker Grotesque';
+	src: url('/fonts/darker-grotesque/DarkerGrotesque-Regular.ttf') format('truetype');
+	font-weight: normal;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Darker Grotesque';
-    src: url('/fonts/darker-grotesque/DarkerGrotesque-SemiBold.ttf') format('truetype');
-    font-weight: 600;
-    font-style: normal;
+	font-family: 'Darker Grotesque';
+	src: url('/fonts/darker-grotesque/DarkerGrotesque-SemiBold.ttf') format('truetype');
+	font-weight: 600;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Silkscreen';
-    src: url('/fonts/silkscreen/Silkscreen-Bold.ttf') format('truetype');
-    font-weight: bold;
-    font-style: normal;
+	font-family: 'Silkscreen';
+	src: url('/fonts/silkscreen/Silkscreen-Bold.ttf') format('truetype');
+	font-weight: bold;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Silkscreen';
-    src: url('/fonts/silkscreen/Silkscreen-Regular.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
+	font-family: 'Silkscreen';
+	src: url('/fonts/silkscreen/Silkscreen-Regular.ttf') format('truetype');
+	font-weight: normal;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Cartridge';
-    src: url('/fonts/cartridge/Cartridge-Bold.otf') format('truetype');
-    font-weight: bold;
-    font-style: normal;
+	font-family: 'Cartridge';
+	src: url('/fonts/cartridge/Cartridge-Bold.otf') format('truetype');
+	font-weight: bold;
+	font-style: normal;
 }
 
 @font-face {
-    font-family: 'Cartridge';
-    src: url('/fonts/cartridge/Cartridge-Regular.otf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
+	font-family: 'Cartridge';
+	src: url('/fonts/cartridge/Cartridge-Regular.otf') format('truetype');
+	font-weight: normal;
+	font-style: normal;
 }
-
diff --git a/src/elements/common/file-upload-list.scss b/src/elements/common/file-upload-list.scss
index 25e5cb29..30245aa8 100644
--- a/src/elements/common/file-upload-list.scss
+++ b/src/elements/common/file-upload-list.scss
@@ -30,9 +30,7 @@
 				cursor: pointer;
 				padding: 10px 16px 10px 10px;
 
-				transition:
-					transform consts.$transition-length,
-					background-color consts.$transition-length;
+				transition: transform consts.$transition-length, background-color consts.$transition-length;
 				box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
 
 				&:hover {
diff --git a/src/elements/common/file-uploader.scss b/src/elements/common/file-uploader.scss
index 80ed00e9..9e182b89 100644
--- a/src/elements/common/file-uploader.scss
+++ b/src/elements/common/file-uploader.scss
@@ -88,9 +88,7 @@
 			background-color: transparent;
 			filter: blur(0);
 
-			transition:
-				filter consts.$transition-length * 2,
-				opacity consts.$transition-length * 1.5,
+			transition: filter consts.$transition-length * 2, opacity consts.$transition-length * 1.5,
 				background-color consts.$transition-length;
 
 			[name='icon']::slotted(*) {
diff --git a/src/elements/common/file-uploader.ts b/src/elements/common/file-uploader.ts
index d63137f6..87c09982 100644
--- a/src/elements/common/file-uploader.ts
+++ b/src/elements/common/file-uploader.ts
@@ -386,7 +386,7 @@ export default class FileUploader extends LitElement {
 											<h1>Uploading...</h1>
 											<h2><span id='upload-name'>${currentUpload[0].repeat(2)}</span id='upload-type'><span>${
 												currentUpload[1]
-											}</span></h2>
+										  }</span></h2>
 											<div id='progress-area'>
 												<loading-bar .progress=${progress}></loading-bar>
 												<h3>${this.uploadState.progress}/${this.uploadState.total}</h3>
diff --git a/src/elements/common/horizontal-scroller.scss b/src/elements/common/horizontal-scroller.scss
index ba1be8da..c9f47b96 100644
--- a/src/elements/common/horizontal-scroller.scss
+++ b/src/elements/common/horizontal-scroller.scss
@@ -37,9 +37,7 @@
 			font-size: 12px;
 			border-radius: $height * 0.5;
 			cursor: pointer;
-			transition:
-				consts.$transition-length transform,
-				consts.$transition-length background,
+			transition: consts.$transition-length transform, consts.$transition-length background,
 				consts.$transition-length color;
 
 			@include common.small-header();
diff --git a/src/elements/common/loading-wheel.scss b/src/elements/common/loading-wheel.scss
index 9628fdcc..2850f094 100644
--- a/src/elements/common/loading-wheel.scss
+++ b/src/elements/common/loading-wheel.scss
@@ -83,9 +83,7 @@
 		--fill: #{$color};
 
 		// animation: rotate 1.5s forwards infinite linear; // cubic-bezier(.55,-0.76,.43,1.68)
-		animation:
-			2.4s infinite -1.2s spin-animation,
-			0.8s fade-in;
+		animation: 2.4s infinite -1.2s spin-animation, 0.8s fade-in;
 	}
 
 	& > h1 {
diff --git a/src/elements/common/page-filter.scss b/src/elements/common/page-filter.scss
index 82507122..6e5f0f0c 100644
--- a/src/elements/common/page-filter.scss
+++ b/src/elements/common/page-filter.scss
@@ -29,9 +29,7 @@
 	background-color: #313131;
 	border-radius: 14px;
 
-	transition:
-		background-color consts.$transition-length,
-		border-radius consts.$transition-length * 0.5;
+	transition: background-color consts.$transition-length, border-radius consts.$transition-length * 0.5;
 
 	&.active {
 		background-color: #4d4d4d;
@@ -107,9 +105,7 @@
 		font-family: consts.$open-sans;
 		font-weight: 600;
 		border: none;
-		transition:
-			background-color consts.$transition-length,
-			border-radius consts.$transition-length * 0.5;
+		transition: background-color consts.$transition-length, border-radius consts.$transition-length * 0.5;
 
 		&::placeholder {
 			font-weight: bold;
diff --git a/src/elements/common/stylized-button.scss b/src/elements/common/stylized-button.scss
index 9883f0e2..7b585d4c 100644
--- a/src/elements/common/stylized-button.scss
+++ b/src/elements/common/stylized-button.scss
@@ -41,11 +41,8 @@
 
 	cursor: pointer;
 	overflow: hidden;
-	transition:
-		color consts.$transition-length,
-		background-color consts.$transition-length,
-		transform consts.$transition-length,
-		box-shadow consts.$transition-length;
+	transition: color consts.$transition-length, background-color consts.$transition-length,
+		transform consts.$transition-length, box-shadow consts.$transition-length;
 
 	e-svg {
 		--fill: #{$icon-color};
@@ -142,9 +139,7 @@
 			opacity: 0;
 
 			transform: translate(-5px, 0);
-			transition:
-				opacity consts.$transition-length,
-				transform consts.$transition-length;
+			transition: opacity consts.$transition-length, transform consts.$transition-length;
 		}
 	}
 }
diff --git a/src/elements/context-menu/context-action.scss b/src/elements/context-menu/context-action.scss
index 30dc235c..bc8f1fcd 100644
--- a/src/elements/context-menu/context-action.scss
+++ b/src/elements/context-menu/context-action.scss
@@ -12,9 +12,7 @@
 	padding: 5px 15px;
 	box-sizing: border-box;
 	// border-radius: 2px;
-	transition:
-		background-color consts.$transition-length * 0.5,
-		color consts.$transition-length * 0.5;
+	transition: background-color consts.$transition-length * 0.5, color consts.$transition-length * 0.5;
 
 	cursor: pointer;
 
diff --git a/src/elements/dev/builds.ts b/src/elements/dev/builds.ts
index 5c3c44f0..b59d7907 100644
--- a/src/elements/dev/builds.ts
+++ b/src/elements/dev/builds.ts
@@ -38,7 +38,7 @@ export default class DevBuilds extends LitElement {
 						displayName: b.displayName,
 						createTs: b.createTs,
 						contentLength: b.contentLength
-					}) as UploadEntry
+					} as UploadEntry)
 			);
 	}
 
diff --git a/src/elements/dev/cdn-sites.ts b/src/elements/dev/cdn-sites.ts
index 4d730714..efee591d 100644
--- a/src/elements/dev/cdn-sites.ts
+++ b/src/elements/dev/cdn-sites.ts
@@ -37,7 +37,7 @@ export default class CdnSites extends LitElement {
 						displayName: s.displayName,
 						createTs: s.createTs,
 						contentLength: s.contentLength
-					}) as UploadEntry
+					} as UploadEntry)
 			);
 	}
 
diff --git a/src/elements/dev/check-box.scss b/src/elements/dev/check-box.scss
index b000d9b8..937c94f1 100644
--- a/src/elements/dev/check-box.scss
+++ b/src/elements/dev/check-box.scss
@@ -19,9 +19,7 @@
 
 	font-size: 0px;
 
-	transition:
-		background-color consts.$transition-length,
-		border consts.$transition-length;
+	transition: background-color consts.$transition-length, border consts.$transition-length;
 
 	&:not(.disabled):hover {
 		border: 2px solid rgba(255, 255, 255, 0.12);
diff --git a/src/elements/dev/dev-game-logs-sidebar.scss b/src/elements/dev/dev-game-logs-sidebar.scss
index e9d525cb..37a2ec43 100644
--- a/src/elements/dev/dev-game-logs-sidebar.scss
+++ b/src/elements/dev/dev-game-logs-sidebar.scss
@@ -28,9 +28,7 @@
 		box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
 		cursor: pointer;
 
-		transition:
-			transform consts.$transition-length,
-			background-color consts.$transition-length;
+		transition: transform consts.$transition-length, background-color consts.$transition-length;
 
 		&:hover {
 			transform: translateY(-1px);
diff --git a/src/elements/dev/service-card.scss b/src/elements/dev/service-card.scss
index 192a8220..42f772f9 100644
--- a/src/elements/dev/service-card.scss
+++ b/src/elements/dev/service-card.scss
@@ -78,9 +78,7 @@
 			border-radius: 20px;
 
 			color: #ececec;
-			transition:
-				margin-right consts.$transition-length,
-				margin-left consts.$transition-length;
+			transition: margin-right consts.$transition-length, margin-left consts.$transition-length;
 
 			&.hidden {
 				margin-right: -40px;
diff --git a/src/elements/dev/text-input.scss b/src/elements/dev/text-input.scss
index d3a97f40..69576086 100644
--- a/src/elements/dev/text-input.scss
+++ b/src/elements/dev/text-input.scss
@@ -28,9 +28,7 @@
 			font-size: $font-size;
 
 			// box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
-			box-shadow:
-				rgba(0, 0, 0, 0.12) 0px 1px 1px,
-				rgba(0, 0, 0, 0.1) 0px 1px 3px;
+			box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 1px, rgba(0, 0, 0, 0.1) 0px 1px 3px;
 
 			&:hover,
 			&:focus {
@@ -84,13 +82,9 @@
 		text-align: $text-align;
 		color: #ececec;
 
-		box-shadow:
-			rgba(0, 0, 0, 0.08) 0px 1px 1px,
-			rgba(0, 0, 0, 0.06) 0px 1px 3px;
+		box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 1px, rgba(0, 0, 0, 0.06) 0px 1px 3px;
 
-		transition:
-			background-color consts.$transition-length,
-			border consts.$transition-length;
+		transition: background-color consts.$transition-length, border consts.$transition-length;
 
 		&:hover,
 		&:focus {
diff --git a/src/elements/dev/version/version-info-game-mode.scss b/src/elements/dev/version/version-info-game-mode.scss
index e666928e..9279dbe7 100644
--- a/src/elements/dev/version/version-info-game-mode.scss
+++ b/src/elements/dev/version/version-info-game-mode.scss
@@ -174,9 +174,7 @@ $input-length-medium: 250px;
 			background: rgba(255, 255, 255, 0.09);
 			border-radius: 4px;
 
-			transition:
-				transform consts.$transition-length,
-				background-color consts.$transition-length;
+			transition: transform consts.$transition-length, background-color consts.$transition-length;
 
 			&:not(.immut-info) {
 				cursor: pointer;
diff --git a/src/elements/dev/version/version-info-identity.ts b/src/elements/dev/version/version-info-identity.ts
index 0a372486..87f74889 100644
--- a/src/elements/dev/version/version-info-identity.ts
+++ b/src/elements/dev/version/version-info-identity.ts
@@ -78,7 +78,7 @@ export default class VersionInfoIdentity extends LitElement {
 								></identity-avatar>
 							</div>`;
 						}
-					}) as UploadEntry
+					} as UploadEntry)
 			);
 	}
 
diff --git a/src/elements/feed/horizontal-feed.ts b/src/elements/feed/horizontal-feed.ts
index 17d01092..af17650c 100644
--- a/src/elements/feed/horizontal-feed.ts
+++ b/src/elements/feed/horizontal-feed.ts
@@ -109,7 +109,7 @@ export default class HorizontalFeed extends LitElement {
 					external: {
 						profile: ''
 					}
-				}) as api.identity.IdentityHandle
+				} as api.identity.IdentityHandle)
 		);
 
 		return html`
diff --git a/src/elements/identity/identity-name.scss b/src/elements/identity/identity-name.scss
index dcdb751f..82c3ceed 100644
--- a/src/elements/identity/identity-name.scss
+++ b/src/elements/identity/identity-name.scss
@@ -78,9 +78,7 @@
 			outline: none;
 			color: inherit;
 			font-size: inherit;
-			transition:
-				background-color consts.$transition-length,
-				padding consts.$transition-length,
+			transition: background-color consts.$transition-length, padding consts.$transition-length,
 				margin consts.$transition-length;
 
 			&:hover {
diff --git a/src/elements/layouts/sidebar-layout.ts b/src/elements/layouts/sidebar-layout.ts
index 925702e9..832bfba2 100644
--- a/src/elements/layouts/sidebar-layout.ts
+++ b/src/elements/layouts/sidebar-layout.ts
@@ -62,7 +62,7 @@ export class Group extends LitElement {
 			<li>
 				${when(
 					this.title,
-					() => html`<div class="text-sm leading-6 text-gray-400 font-display">${this.title}</div>`
+					() => html`<div class="text-lg leading-6 text-gray-400 font-display">${this.title}</div>`
 				)}
 				<ul role="list" class="-mx-2 mt-2 space-y-1">
 					<slot></slot>
diff --git a/src/elements/overlay/action-sheet.scss b/src/elements/overlay/action-sheet.scss
index f4856346..10065b90 100644
--- a/src/elements/overlay/action-sheet.scss
+++ b/src/elements/overlay/action-sheet.scss
@@ -37,9 +37,7 @@
 
 			cursor: pointer;
 
-			transition:
-				background-color consts.$transition-length,
-				opacity consts.$transition-length;
+			transition: background-color consts.$transition-length, opacity consts.$transition-length;
 
 			e-svg {
 				$size: 18px;
diff --git a/src/elements/overlay/identity-notification.scss b/src/elements/overlay/identity-notification.scss
index e0893e99..38d4cf62 100644
--- a/src/elements/overlay/identity-notification.scss
+++ b/src/elements/overlay/identity-notification.scss
@@ -23,9 +23,7 @@
 		&.temporary {
 			opacity: 0.9;
 
-			transition:
-				transform consts.$transition-length,
-				opacity consts.$transition-length * 0.75;
+			transition: transform consts.$transition-length, opacity consts.$transition-length * 0.75;
 			animation: animate-in consts.$transition-length;
 
 			&:hover,
diff --git a/src/elements/overlay/search-panel.scss b/src/elements/overlay/search-panel.scss
index 9387a021..86f43e91 100644
--- a/src/elements/overlay/search-panel.scss
+++ b/src/elements/overlay/search-panel.scss
@@ -48,9 +48,7 @@
 				padding: 4px 10px;
 				cursor: pointer;
 
-				transition:
-					border-color consts.$transition-length,
-					background-color consts.$transition-length;
+				transition: border-color consts.$transition-length, background-color consts.$transition-length;
 
 				&:last-child {
 					margin-right: 0;
diff --git a/src/elements/pages/dev-dash.scss b/src/elements/pages/dev-dash.scss
index 01c8cfec..789fb8d4 100644
--- a/src/elements/pages/dev-dash.scss
+++ b/src/elements/pages/dev-dash.scss
@@ -297,9 +297,7 @@ $tile-border-radius: 20px;
 		max-width: 300px;
 		box-sizing: border-box;
 
-		transition:
-			transform consts.$transition-length,
-			box-shadow consts.$transition-length;
+		transition: transform consts.$transition-length, box-shadow consts.$transition-length;
 
 		@include common.active-state();
 
@@ -414,9 +412,7 @@ $tile-border-radius: 20px;
 			max-width: 420px;
 			box-sizing: border-box;
 
-			transition:
-				transform consts.$transition-length,
-				box-shadow consts.$transition-length;
+			transition: transform consts.$transition-length, box-shadow consts.$transition-length;
 
 			@include common.active-state();
 
@@ -606,9 +602,7 @@ $tile-border-radius: 20px;
 			max-width: 320px;
 			box-sizing: border-box;
 
-			transition:
-				transform consts.$transition-length,
-				box-shadow consts.$transition-length;
+			transition: transform consts.$transition-length, box-shadow consts.$transition-length;
 
 			@include common.active-state();
 
@@ -753,9 +747,7 @@ $tile-border-radius: 20px;
 
 			box-sizing: border-box;
 			border-radius: $tile-border-radius;
-			transition:
-				transform consts.$transition-length,
-				box-shadow consts.$transition-length;
+			transition: transform consts.$transition-length, box-shadow consts.$transition-length;
 
 			cursor: pointer;
 			@include common.active-state();
diff --git a/src/elements/pages/dev/game-kv.scss b/src/elements/pages/dev/game-kv.scss
index 6865f93a..eae3accb 100644
--- a/src/elements/pages/dev/game-kv.scss
+++ b/src/elements/pages/dev/game-kv.scss
@@ -108,9 +108,7 @@ page-error {
 			padding: 14px 18px;
 			cursor: pointer;
 
-			transition:
-				transform consts.$transition-length,
-				background-color consts.$transition-length;
+			transition: transform consts.$transition-length, background-color consts.$transition-length;
 
 			@include common.active-state();
 
@@ -132,9 +130,7 @@ page-error {
 				margin-left: -55px;
 				margin-right: 25px;
 
-				transition:
-					margin-left consts.$transition-length,
-					margin-right consts.$transition-length;
+				transition: margin-left consts.$transition-length, margin-right consts.$transition-length;
 				--padding: 6px;
 				--border-radius: 4px;
 				--color: #ececec;
diff --git a/src/elements/pages/dev/game-namespace.scss b/src/elements/pages/dev/game-namespace.scss
index cc874651..a808fa1e 100644
--- a/src/elements/pages/dev/game-namespace.scss
+++ b/src/elements/pages/dev/game-namespace.scss
@@ -53,9 +53,7 @@ $input-length-short: 75px;
 		border-radius: 4px;
 		box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
 
-		transition:
-			transform consts.$transition-length,
-			background-color consts.$transition-length;
+		transition: transform consts.$transition-length, background-color consts.$transition-length;
 
 		&:hover {
 			transform: translateY(-1px);
diff --git a/src/elements/pages/dev/game-version-draft.scss b/src/elements/pages/dev/game-version-draft.scss
index 94242eca..e441cc0c 100644
--- a/src/elements/pages/dev/game-version-draft.scss
+++ b/src/elements/pages/dev/game-version-draft.scss
@@ -80,9 +80,7 @@
 			box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
 			cursor: pointer;
 
-			transition:
-				transform consts.$transition-length,
-				background-color consts.$transition-length;
+			transition: transform consts.$transition-length, background-color consts.$transition-length;
 
 			&:hover {
 				transform: translateY(-1px);
diff --git a/src/elements/pages/dev/game-version.scss b/src/elements/pages/dev/game-version.scss
index a96aacac..f8fd2309 100644
--- a/src/elements/pages/dev/game-version.scss
+++ b/src/elements/pages/dev/game-version.scss
@@ -68,9 +68,7 @@
 			border-radius: 4px;
 			box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
 
-			transition:
-				transform consts.$transition-length,
-				background-color consts.$transition-length;
+			transition: transform consts.$transition-length, background-color consts.$transition-length;
 
 			&:hover {
 				transform: translateY(-1px);
diff --git a/src/elements/pages/link-game.scss b/src/elements/pages/link-game.scss
index c8e032ea..f50ddbd0 100644
--- a/src/elements/pages/link-game.scss
+++ b/src/elements/pages/link-game.scss
@@ -327,9 +327,7 @@ loading-wheel {
 
 			transform: translateY(6vh);
 
-			transition:
-				transform 2s,
-				opacity consts.$transition-length;
+			transition: transform 2s, opacity consts.$transition-length;
 			background-image: radial-gradient(100% 100% at bottom, #00000080, transparent);
 
 			&.light {
diff --git a/src/elements/pages/settings.ts b/src/elements/pages/settings.ts
index f7f699f0..0e8f7265 100644
--- a/src/elements/pages/settings.ts
+++ b/src/elements/pages/settings.ts
@@ -102,9 +102,15 @@ export default class SettingsPage extends LitElement {
 				items: [
 					{
 						id: 'privacy',
+						icon: 'solid/lock',
+						title: 'Privacy Policy',
+						url: 'https://rivet.gg/privacy'
+					},
+					{
+						id: 'terms',
 						icon: 'solid/file',
-						title: 'Privacy & Terms',
-						render: this.renderPrivacy
+						title: 'Terms of Service',
+						url: 'https://rivet.gg/terms'
 					},
 					{
 						id: 'support',
@@ -271,70 +277,73 @@ export default class SettingsPage extends LitElement {
 		let isRegistered = global.currentIdentity.isRegistered && !!identity;
 
 		return html`
-			<div class="padded-cell">
-				<h1 class="item-header">Profile appearance</h1>
-				<stylized-button
-					icon="solid/user-pen"
-					color="#404040"
-					text="#eeeeee"
-					.trigger=${this.openEditModal.bind(this)}
-					>Edit profile</stylized-button
-				>
-			</div>
-			<div class="spacer"></div>
-			<div class="padded-cell">
-				<div class="item-header-holder">
-					<h1 class="item-header">Link Email</h1>
-					${isRegistered
-						? html`<span class="badge"><e-svg src="solid/check"></e-svg> Registered</span>`
-						: null}
+			<div class="flex flex-col space-y-8">
+				<div class="padded-cell flex flex-col space-y-1">
+					<h1 class="item-header text-lg">Profile appearance</h1>
+					<stylized-button
+						icon="solid/user-pen"
+						color="#404040"
+						text="#eeeeee"
+						.trigger=${this.openEditModal.bind(this)}
+						>Edit profile</stylized-button
+					>
 				</div>
-				<p>Link your email to Rivet for full account access.</p>
-				<stylized-button
-					icon="solid/envelope"
-					color="#404040"
-					text="#eeeeee"
-					.trigger=${() => UIRoot.shared.openRegisterPanel()}
-					>${isRegistered ? 'View registration' : 'Link email'}</stylized-button
-				>
-			</div>
-			<div class="spacer"></div>
-			<div class="padded-cell">
-				<h1 class="item-header">Push notifications</h1>
-				<p>Allow Rivet to send your device push notifications for messages while you are away.</p>
-				<toggle-switch
-					?value=${this.settings.pushNotifications}
-					@toggle=${(e: ToggleSwitchEvent) => this.settingChanged('push-notifications', e.value)}
-				></toggle-switch>
-			</div>
-			<!-- <div class='spacer'></div>
-			<div class='padded-cell'>
-				<h1 class='item-header'>Email <span class='muted'>******email@gmail.com</span></h1>
-				<stylized-button icon='regular/envelope' color='#404040' text='#eeeeee' .trigger=${unimp}>Change email</stylized-button>
-			</div>
-			<div class='spacer'></div>
-			<div class='padded-cell'>
-				<h1 class='item-header'>Password</h1>
-				<stylized-button icon='regular/key' color='#404040' text='#eeeeee' .trigger=${unimp}>Change password</stylized-button>
-			</div>
-			<div class='spacer'></div>
-			<div class='padded-cell'>
-				<h1 class='item-header'>Two Factor Authentication <span class='twofa-badge'><e-svg src='regular/lock'></e-svg>Enabled</span></h1>
-				<p>Two factor authentication provides an extra layer of security to your Rivet account.</p>
-				<stylized-button icon='regular/lock' color='#404040' text='#eeeeee' .trigger=${unimp}>Remove two factor authentication</stylized-button>
-			</div>
-			<div class='spacer'></div>
-			<div class='padded-cell'>
-				<h1 class='item-header'>Delete account</h1>
-				<stylized-button icon= of'regular/identity-slash' color='#db3939' .trigger=${unimp}>Delete account</stylized-button>
-			</div> -->
-			${when(
-				global.currentIdentity.isRegistered,
-				() =>
-					html`<div class="spacer"></div>
-						<div class="padded-cell">
-							<h1 class="item-header">Toggle deletion</h1>
-							<p>
+				<div class="padded-cell flex flex-col space-y-1">
+					<div class="item-header-holder">
+						<h1 class="item-header text-lg py-1">Link Email</h1>
+						${isRegistered
+							? html`<span class="badge bg-green-700 rounded-lg px-3 py-0.5"
+									><e-svg src="solid/check"></e-svg> Registered</span
+							  >`
+							: html`
+									<p class="py-1">Link your email to Rivet for full account access.</p>
+									<stylized-button
+										icon="solid/envelope"
+										color="#404040"
+										text="#eeeeee"
+										.trigger=${() => UIRoot.shared.openRegisterPanel()}
+										>${isRegistered ? 'View registration' : 'Link email'}</stylized-button
+									>
+							  `}
+					</div>
+				</div>
+				<!-- <div class="padded-cell flex flex-col space-y-1">
+					<h1 class="item-header text-lg">Push notifications</h1>
+					<p class="pb-1">
+						Allow Rivet to send your device push notifications for messages while you are away.
+					</p>
+					<toggle-switch
+						?value=${this.settings.pushNotifications}
+						@toggle=${(e: ToggleSwitchEvent) => this.settingChanged('push-notifications', e.value)}
+					></toggle-switch>
+				</div> -->
+				<!-- <div class='spacer'></div>
+				<div class='padded-cell'>
+					<h1 class='item-header'>Email <span class='muted'>******email@gmail.com</span></h1>
+					<stylized-button icon='regular/envelope' color='#404040' text='#eeeeee' .trigger=${unimp}>Change email</stylized-button>
+				</div>
+				<div class='spacer'></div>
+				<div class='padded-cell'>
+					<h1 class='item-header'>Password</h1>
+					<stylized-button icon='regular/key' color='#404040' text='#eeeeee' .trigger=${unimp}>Change password</stylized-button>
+				</div>
+				<div class='spacer'></div>
+				<div class='padded-cell'>
+					<h1 class='item-header'>Two Factor Authentication <span class='twofa-badge'><e-svg src='regular/lock'></e-svg>Enabled</span></h1>
+					<p>Two factor authentication provides an extra layer of security to your Rivet account.</p>
+					<stylized-button icon='regular/lock' color='#404040' text='#eeeeee' .trigger=${unimp}>Remove two factor authentication</stylized-button>
+				</div>
+				<div class='spacer'></div>
+				<div class='padded-cell'>
+					<h1 class='item-header'>Delete account</h1>
+					<stylized-button icon= of'regular/identity-slash' color='#db3939' .trigger=${unimp}>Delete account</stylized-button>
+				</div> -->
+				${when(
+					global.currentIdentity.isRegistered,
+					() =>
+						html` <div class="padded-cell flex flex-col space-y-1">
+							<h1 class="item-header text-lg">Toggle deletion</h1>
+							<p class="pb-1">
 								Marks your account for deletion. After 30 days of this switch being on, your
 								Rivet account and all associated game accounts will be
 								<b>permanently deleted</b>.
@@ -345,7 +354,8 @@ export default class SettingsPage extends LitElement {
 									this.settingChanged('toggle-deletion', e.value)}
 							></toggle-switch>
 						</div>`
-			)}
+				)}
+			</div>
 
 			<!-- Editing modal -->
 			<drop-down-modal
@@ -361,38 +371,6 @@ export default class SettingsPage extends LitElement {
 		`;
 	}
 
-	renderPrivacy() {
-		return html`
-			<div class="padded-cell">
-				<h1 class="item-header">Privacy Policy and Terms of Service</h1>
-				<p>
-					Review our
-					<a class="decorated link" href="https://rivet.gg/privacy" target="_blank"
-						>Privacy Policy</a
-					>
-					and
-					<a class="decorated link" href="https://rivet.gg/terms" target="_blank"
-						>Terms of Service</a
-					>
-					here.
-				</p>
-			</div>
-			<!-- <div class='spacer'></div>
-			<div class='padded-cell'>
-				<h1 class='item-header'>Enhance your experience with data collection</h1>
-				<p>Rivet uses data collection to personalize your experience using our app and help find software bugs for a cleaner experience.</p>
-				<toggle-switch ?value=${this.settings.collectData} @toggle=${(e: ToggleSwitchEvent) =>
-				this.settingChanged('collect-data', e.value)}></toggle-switch>
-			</div>
-			<div class='padded-cell'>
-				<h1 class='item-header'>Third-party data collection</h1>
-				<p>Allow our third-party partners to securely access certain identity data for various services used across client.</p>
-				<toggle-switch ?value=${this.settings.collectData} @toggle=${(e: ToggleSwitchEvent) =>
-				this.settingChanged('third-party-data', e.value)}></toggle-switch>
-			</div> -->
-		`;
-	}
-
 	renderLinkAccount() {
 		return html`
 			<div class="padded-cell">
diff --git a/src/elements/profile/user-banner.scss b/src/elements/profile/user-banner.scss
index f967dced..b4d34a60 100644
--- a/src/elements/profile/user-banner.scss
+++ b/src/elements/profile/user-banner.scss
@@ -299,9 +299,7 @@ $tile-border-radius: 20px;
 		max-width: 300px;
 		box-sizing: border-box;
 
-		transition:
-			transform consts.$transition-length,
-			box-shadow consts.$transition-length;
+		transition: transform consts.$transition-length, box-shadow consts.$transition-length;
 
 		@include common.active-state();
 
@@ -416,9 +414,7 @@ $tile-border-radius: 20px;
 			max-width: 420px;
 			box-sizing: border-box;
 
-			transition:
-				transform consts.$transition-length,
-				box-shadow consts.$transition-length;
+			transition: transform consts.$transition-length, box-shadow consts.$transition-length;
 
 			@include common.active-state();
 
@@ -608,9 +604,7 @@ $tile-border-radius: 20px;
 			max-width: 320px;
 			box-sizing: border-box;
 
-			transition:
-				transform consts.$transition-length,
-				box-shadow consts.$transition-length;
+			transition: transform consts.$transition-length, box-shadow consts.$transition-length;
 
 			@include common.active-state();
 
@@ -755,9 +749,7 @@ $tile-border-radius: 20px;
 
 			box-sizing: border-box;
 			border-radius: $tile-border-radius;
-			transition:
-				transform consts.$transition-length,
-				box-shadow consts.$transition-length;
+			transition: transform consts.$transition-length, box-shadow consts.$transition-length;
 
 			cursor: pointer;
 			@include common.active-state();
diff --git a/src/elements/root/ui-root.scss b/src/elements/root/ui-root.scss
index f0e450fe..a1d228f4 100644
--- a/src/elements/root/ui-root.scss
+++ b/src/elements/root/ui-root.scss
@@ -58,9 +58,7 @@
 	pointer-events: none;
 
 	// Don't transition width or height for performance
-	transition:
-		consts.$transition-length bottom,
-		consts.$transition-length right;
+	transition: consts.$transition-length bottom, consts.$transition-length right;
 
 	&.minimize {
 		box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
@@ -223,9 +221,7 @@ search-panel {
 	border-radius: 4px;
 	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
 
-	transition:
-		consts.$transition-length opacity,
-		consts.$transition-length transform;
+	transition: consts.$transition-length opacity, consts.$transition-length transform;
 }
 
 #dim {
diff --git a/src/elements/root/ui-router.scss b/src/elements/root/ui-router.scss
index 4e7e94f0..3ddc5445 100644
--- a/src/elements/root/ui-router.scss
+++ b/src/elements/root/ui-router.scss
@@ -59,24 +59,18 @@ $transition-duration: 250ms; // Also update in ui-router
 			.page {
 				&.old {
 					box-shadow: none;
-					transition:
-						box-shadow $transition-duration,
-						transform $transition-duration * 4;
+					transition: box-shadow $transition-duration, transform $transition-duration * 4;
 					transition-timing-function: ease-out;
 
 					&.back {
-						transition:
-							box-shadow $transition-duration,
-							transform $transition-duration;
+						transition: box-shadow $transition-duration, transform $transition-duration;
 						transition-timing-function: ease-out;
 					}
 				}
 
 				&.new {
 					box-shadow: none;
-					transition:
-						box-shadow $transition-duration,
-						transform $transition-duration;
+					transition: box-shadow $transition-duration, transform $transition-duration;
 					transition-timing-function: ease-out;
 				}
 			}
diff --git a/src/elements/root/ui-router.ts b/src/elements/root/ui-router.ts
index 9cf90721..495a50e1 100644
--- a/src/elements/root/ui-router.ts
+++ b/src/elements/root/ui-router.ts
@@ -52,10 +52,7 @@ interface RemovablePage {
 }
 
 export class RouteChangeEvent extends Event {
-	constructor(
-		public title: string,
-		public breadcrumb: Breadcrumb = undefined
-	) {
+	constructor(public title: string, public breadcrumb: Breadcrumb = undefined) {
 		super('change');
 	}
 }
diff --git a/src/elements/tiles/group-tile.scss b/src/elements/tiles/group-tile.scss
index 12f20cc7..03e6f33c 100644
--- a/src/elements/tiles/group-tile.scss
+++ b/src/elements/tiles/group-tile.scss
@@ -22,9 +22,7 @@
 			transform: translateY(0);
 
 			// Adds transition delay
-			transition:
-				opacity consts.$transition-length 0.1s,
-				transform consts.$transition-length 0.1s;
+			transition: opacity consts.$transition-length 0.1s, transform consts.$transition-length 0.1s;
 		}
 	}
 
@@ -121,9 +119,7 @@
 		box-sizing: border-box;
 
 		transform: translateY(5%);
-		transition:
-			opacity consts.$transition-length,
-			transform consts.$transition-length;
+		transition: opacity consts.$transition-length, transform consts.$transition-length;
 
 		#details-title {
 			text-align: center;
@@ -182,9 +178,7 @@
 			transform: translateY(0);
 
 			// Adds transition delay
-			transition:
-				opacity consts.$transition-length 0.1s,
-				transform consts.$transition-length 0.1s;
+			transition: opacity consts.$transition-length 0.1s, transform consts.$transition-length 0.1s;
 		}
 	}
 }
diff --git a/src/utils/utils.ts b/src/utils/utils.ts
index 1e103cb2..c93a31ab 100644
--- a/src/utils/utils.ts
+++ b/src/utils/utils.ts
@@ -13,11 +13,7 @@ const ENCODER = new TextEncoder();
 const LOG_1000 = Math.log(1000);
 
 export class OAuthProvider {
-	constructor(
-		public id: string,
-		public name: string,
-		public color: string
-	) {}
+	constructor(public id: string, public name: string, public color: string) {}
 
 	static forId(id: string): OAuthProvider {
 		return OAUTH_PROVIDERS.find(l => l.id == id);