diff --git a/src/element/emoji-pack.css b/src/element/emoji-pack.css
index a60f7b8..e48f5de 100644
--- a/src/element/emoji-pack.css
+++ b/src/element/emoji-pack.css
@@ -4,7 +4,7 @@
 
 .emoji-pack .emoji-pack-title {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   justify-content: space-between;
 }
 
diff --git a/src/element/emoji-pack.tsx b/src/element/emoji-pack.tsx
index 59394f5..4213728 100644
--- a/src/element/emoji-pack.tsx
+++ b/src/element/emoji-pack.tsx
@@ -48,7 +48,9 @@ export function EmojiPack({ ev }: { ev: NostrEvent }) {
         <h4>{name}</h4>
         {login?.pubkey && (
           <AsyncButton
-            className={`btn btn-primary ${isUsed ? "delete-button" : ""}`}
+            className={`btn btn-small btn-primary ${
+              isUsed ? "delete-button" : ""
+            }`}
             onClick={toggleEmojiPack}
           >
             {isUsed ? "Remove" : "Add"}