reactions are bigger

src/lib/components/community/reactions/Add.svelte

@@ -46,23 +46,23 @@
 
 <div
   id="{uuid}"  
-  class="rounded-full text-sm text-white/80 hover:text-white font-bold flex items-center justify-start gap-1.5 px-1.5 py-1 border border-dashed border-white/80 hover:border-white relative z-[2]"
+  class="rounded-full text-sm text-white/80 hover:text-white font-bold flex items-center justify-start gap-1.5 px-2.5 py-1 border border-dashed border-white/80 hover:border-white relative z-[2]"
   class:!border-white={isOpen}
   class:!text-white={isOpen}
   class:opacity-0={count >= 4}
 >
   <button on:click={() => isOpen = !isOpen}>
-    <Icon icon="fluent:emoji-add-16-regular" class="w-5 h-5" />
+    <Icon icon="fluent:emoji-add-16-regular" class="w-6 h-6" />
   </button>
   <div
-    class={`opacity-0 pointer-events-none absolute max-w-max flex items-center justify-center bg-white px-1 py-1 rounded-full gap-0 text-xl ${count > 0 ? "-translate-y-[calc(100%+8px)] -translate-x-1/2 left-0 top-0" : "right-0 translate-x-[calc(100%+8px)]"}`}
+    class={`opacity-0 pointer-events-none absolute max-w-max flex items-center justify-center bg-white px-2 py-1 rounded-full gap-0.5 text-2xl ${count > 0 ? "-translate-y-[calc(100%+8px)] -translate-x-1/2 left-0 top-0" : "right-0 translate-x-[calc(100%+8px)]"}`}
     class:opacity-100={isOpen}
     class:pointer-events-auto={isOpen}
   >
     {#each AVAILABLE_EMOJIS as emoji}
       <UserIsLogged>
         <button
-          class="w-8 h-8 hover:bg-neutral-200 rounded-full text-center flex items-center justify-center"
+          class="w-8 h-8 hover:bg-neutral-200 rounded-full text-center text flex items-center justify-center"
           on:click={() => handleReaction(emoji)}
         >
           {emoji}

src/lib/components/community/reactions/Reaction.svelte

@@ -23,7 +23,7 @@
 
 <UserIsLogged>
   <button
-    class="rounded-full bg-white text-sm text-neutral-800 font-bold flex items-center justify-start gap-1.5 px-2.5 py-1 border border-white hover:bg-neutral-200"
+    class="rounded-full bg-white text-base text-neutral-800 font-bold flex items-center justify-start gap-1.5 px-3 py-1.5 border border-white hover:bg-neutral-200"
     on:click={() => handleReaction(emoji)}
   >
     <span>{emoji}</span>