diff --git a/components/MessageArea.vue b/components/MessageArea.vue
index 466224d..fff4a5c 100644
--- a/components/MessageArea.vue
+++ b/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 {
diff --git a/layouts/client.vue b/layouts/client.vue
index bd3921a..b7b099f 100644
--- a/layouts/client.vue
+++ b/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>
\ No newline at end of file