diff --git a/client-solid/src/Components/Buttons/Engegament.tsx b/client-solid/src/Components/Buttons/Engegament.tsx
index a8aeaba..d6018f8 100644
--- a/client-solid/src/Components/Buttons/Engegament.tsx
+++ b/client-solid/src/Components/Buttons/Engegament.tsx
@@ -8,12 +8,12 @@ export default function EngagementButton({ post }: { post: Post }): JSXElement {
     <>
       <div class="flex p-1">
         <button
-          class="btn btn-xs hover:border-primary"
+          class="btn btn-xs hover:border-primary rounded-base"
           aria-label="Show sign of engagement"
         >
           <EngagementIcon />
         </button>
-        <span class="text-1xl countdown text-center pt-1.5">
+        <span class="text-1xl countdown text-center pt-1.5 px-1.5">
           <p style={{ "--value": 46 }}>{post.votes}</p>
         </span>
       </div>
diff --git a/client-solid/src/Components/Buttons/Replies.tsx b/client-solid/src/Components/Buttons/Replies.tsx
index f13c088..fe702e8 100644
--- a/client-solid/src/Components/Buttons/Replies.tsx
+++ b/client-solid/src/Components/Buttons/Replies.tsx
@@ -8,12 +8,12 @@ export default function ReplyButton({ post }: { post: Post }): JSXElement {
     <>
       <div class="flex p-1">
         <button
-          class="btn btn-xs hover:border-primary"
+          class="btn btn-xs hover:border-primary rounded-base"
           aria-label="Show sign of engagement"
         >
           <ReplyIcon />
         </button>
-        <span class="text-1xl countdown text-center pt-1.5">
+        <span class="text-1xl countdown text-center pt-1.5 px-1.5">
           <p style={{ "--value": 11 }}>{post.comments}</p>
         </span>
       </div>
diff --git a/client-solid/src/Components/Buttons/Report.tsx b/client-solid/src/Components/Buttons/Report.tsx
index 13afea2..c4ba00f 100644
--- a/client-solid/src/Components/Buttons/Report.tsx
+++ b/client-solid/src/Components/Buttons/Report.tsx
@@ -9,7 +9,7 @@ export default function ReportButton(): JSXElement {
     <Show when={login_ctx.loggedIn()}>
       <div class="flex p-1">
         <button
-          class="btn btn-xs hover:border-primary"
+          class="rounded-base btn btn-xs hover:border-primary"
           aria-label="Report post or comment"
         >
           <ReportIcon />
diff --git a/client-solid/src/Components/Buttons/ToPost.tsx b/client-solid/src/Components/Buttons/ToPost.tsx
index 78a9d73..f54d776 100644
--- a/client-solid/src/Components/Buttons/ToPost.tsx
+++ b/client-solid/src/Components/Buttons/ToPost.tsx
@@ -14,7 +14,7 @@ export default function ToPostButton({ post }: { post: Post }): JSXElement {
     <div class="p-1">
       <button
         onClick={(): void => nav("/post/" + post.id)}
-        class="btn btn-xs"
+          class="btn btn-xs hover:border-primary"
         aria-label="View post"
       >
         <Arrow />