diff --git a/src/pages/category/[category]/[slug]/index.astro b/src/pages/category/[category]/[slug]/index.astro
index 9daab9e..f494543 100644
--- a/src/pages/category/[category]/[slug]/index.astro
+++ b/src/pages/category/[category]/[slug]/index.astro
@@ -33,7 +33,6 @@ export async function getStaticPaths() {
   <Header />
   <Post post={entry} componentType="full" />
   <div
-    class="flex flex-row"
     hx-get=`http://localhost:8000/forms/emoji?postId=${entry.id}`
     hx-trigger="load"
     hx-swap="innerHTML"
diff --git a/src/styles/main.css b/src/styles/main.css
index 78cb1ef..2bef9ad 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -18,6 +18,15 @@ body {
   background-color: #f5fffa;
 }
 
+.emoji-button {
+  border: none;
+  @apply text-lg rounded-full p-2;
+}
+
+.emoji-buttons-container {
+  @apply flex flex-row gap-2;
+}
+
 @layer components {
   .posts {
     @apply flex flex-col gap-10 md:gap-8;