diff --git a/packages/app/src/theme/index.less b/packages/app/src/theme/index.less
index bb9bef13..7f6143cc 100644
--- a/packages/app/src/theme/index.less
+++ b/packages/app/src/theme/index.less
@@ -62,7 +62,7 @@ body {
 	text-rendering : optimizeLegibility !important;
 
 	background-color: var(--background-color-primary) !important;
-	font-family     : "Varela Round", sans-serif;
+	font-family     : var(--fontFamily);
 }
 
 #root {
@@ -159,7 +159,7 @@ body {
 
 .fade-transverse-active {
 	transition: all 250ms;
-	height    : 100%;
+	height    : fit-content;
 	width     : 100%;
 }
 
@@ -188,6 +188,19 @@ body {
 	transform: scale(0.8);
 }
 
+.fade-opacity-active {
+	transition: all 250ms;
+	opacity   : 1;
+}
+
+.fade-opacity-leave {
+	opacity: 0;
+}
+
+.fade-opacity-enter {
+	opacity: 1;
+}
+
 .app_initialization {
 	width  : 100vw;
 	height : 100vh;