diff --git a/composables/api.ts b/composables/api.ts
index 0cd6db0..11c2226 100644
--- a/composables/api.ts
+++ b/composables/api.ts
@@ -38,11 +38,11 @@ export const useApi = () => {
 	}
 
 	async function addFriend(username: string): Promise<void> {
-		await fetchWithApi('/me/friends', { method: "POST", body: { username } });
+		return await fetchWithApi('/me/friends', { method: "POST", body: { username } });
 	}
 
 	async function removeFriend(userId: string): Promise<void> {
-		await fetchWithApi(`/me/friends/${userId}`, { method: "DELETE" });
+		return await fetchWithApi(`/me/friends/${userId}`, { method: "DELETE" });
 	}
 
 	async function fetchMessages(channelId: string, options?: { amount?: number, offset?: number }): Promise<MessageResponse[] | undefined> {
diff --git a/pages/settings.vue b/pages/settings.vue
index 05eb5d7..8b270bc 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -17,13 +17,13 @@
               :class="{ 'sidebar-focus': selectedPage === page.displayName }">
               {{ page.displayName }}
             </li>
-            <verticalSpacer />
+            <VerticalSpacer />
           </div>
           
           <p>
             <Button text="Log Out" :callback=logout variant="scary"></Button>
           </p>
-          <verticalSpacer />
+          <VerticalSpacer />
 
           <p id="links-and-socials">
             <NuxtLink href="https://git.gorb.app/gorb/frontend" title="Source"><Icon name="lucide:git-branch-plus" /></NuxtLink>