diff --git a/src/app/components/RoomItemMenuMobile.svelte b/src/app/components/RoomItemMenuMobile.svelte
index 168bdda..64bdb1e 100644
--- a/src/app/components/RoomItemMenuMobile.svelte
+++ b/src/app/components/RoomItemMenuMobile.svelte
@@ -71,16 +71,16 @@
       View Details
     </Link>
   {/if}
-  <Button class="btn btn-outline btn-neutral w-full" onclick={sendReply}>
+  <Button class="btn btn-neutral w-full" onclick={sendReply}>
     <Icon size={4} icon={Reply} />
     Reply
   </Button>
-  <Button class="btn btn-secondary w-full" onclick={showEmojiPicker}>
+  <Button class="btn btn-neutral w-full" onclick={showEmojiPicker}>
     <Icon size={4} icon={SmileCircle} />
     React
   </Button>
   {#if ENABLE_ZAPS}
-    <ZapButton replaceState {url} {event} class="btn btn-primary w-full">
+    <ZapButton replaceState {url} {event} class="btn btn-neutral w-full">
       <Icon size={4} icon={Bolt} />
       Zap
     </ZapButton>
diff --git a/src/lib/components/EmojiPicker.svelte b/src/lib/components/EmojiPicker.svelte
index 7836fc7..922bec6 100644
--- a/src/lib/components/EmojiPicker.svelte
+++ b/src/lib/components/EmojiPicker.svelte
@@ -26,4 +26,4 @@
   })
 </script>
 
-<emoji-picker bind:this={element}></emoji-picker>
+<emoji-picker bind:this={element} class="m-auto"></emoji-picker>