refactor(ui): minor ui improvements

assets/scss/styles.scss

@@ -56,6 +56,7 @@ body {
   @apply select-none;
   @apply overflow-x-hidden;
 
+  animation: fade 300ms forwards;
   font-size: var(--body-font-size);
   line-height: var(--body-line-height);
   overflow: overlay;
@@ -63,6 +64,15 @@ body {
   -webkit-touch-callout: none;
 }
 
+@keyframes fade {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
 .fade-enter-active,
 .fade-leave-active,
 .page-enter-active,
@@ -82,7 +92,9 @@ body {
 }
 
 .material-icons {
-  font-size: 133.4% !important;
+  font-size: var(--body-line-height) !important;
+  width: var(--body-line-height);
+  overflow: hidden;
 }
 
 .svg-icons {

assets/scss/themes.scss

@@ -1,6 +1,6 @@
 @mixin baseTheme {
-  --font-sans: "Inter", "sans-serif";
-  --font-mono: "Roboto Mono", "monospace";
+  --font-sans: "Inter", sans-serif;
+  --font-mono: "Roboto Mono", monospace;
   --font-icon: "Material Icons";
 }