components/MessageArea.vue

@@ -16,7 +16,7 @@
 				</div>
 
 				<div id="message-textarea">
-					<div id="message-textbox-input"
+					<div id="message-textbox-input" class=""
 							role="textbox" ref="messageTextboxInput"
 							autocorrect="off" spellcheck="true" contenteditable="true"
 							@keydown="handleTextboxKeyDown" @input="handleTextboxInput">
@@ -348,7 +348,7 @@ router.beforeEach((to, from, next) => {
 
 #message-box-left-elements, #message-box-right-elements {
 	display: flex;
-	align-items: end;
+	align-items: center;
 }
 
 #messages {

layouts/client.vue

@@ -166,7 +166,8 @@ const guilds: GuildResponse[] | undefined = await fetchWithApi("/me/guilds");
 
 #settings-menu {
 	position: absolute;
-	bottom: .25em;
+	bottom: .25em
+	bottom: .25em
 }
 
 </style>