Use em

src/client/pages/messaging.vue

@@ -300,16 +300,6 @@ export default Vue.extend({
 	}
 
 	@media (max-width: 400px) {
-		> .search {
-			> .result {
-				> .users {
-					> li {
-						padding: 8px 16px;
-					}
-				}
-			}
-		}
-
 		> .history {
 			> .message {
 				&:not([data-is-me]):not([data-is-read]) {
@@ -321,7 +311,7 @@ export default Vue.extend({
 
 				> div {
 					padding: 16px;
-					font-size: 14px;
+					font-size: 0.9em;
 
 					> .avatar {
 						margin: 0 12px 0 0;

src/client/pages/user/index.vue

@@ -380,7 +380,7 @@ export default Vue.extend({
 
 		> .description {
 			padding: 24px 24px 24px 154px;
-			font-size: 15px;
+			font-size: 0.95em;
 
 			@media (max-width: 500px) {
 				padding: 16px;
@@ -395,7 +395,7 @@ export default Vue.extend({
 
 		> .fields {
 			padding: 24px;
-			font-size: 14px;
+			font-size: 0.9em;
 			border-top: solid 1px var(--divider);
 
 			@media (max-width: 500px) {