diff --git a/src/components/event/Reaction.tsx b/src/components/event/Reaction.tsx
index 2354428..64c635e 100644
--- a/src/components/event/Reaction.tsx
+++ b/src/components/event/Reaction.tsx
@@ -39,7 +39,7 @@ const ReactionDisplay: Component<ReactionDisplayProps> = (props) => {
   return (
     // if the reacted event is not found, it should be a removed event
     <Show when={!isRemoved() && !shouldMuteEvent(props.event)}>
-      <div class="flex gap-1 px-1 text-sm">
+      <div class="flex gap-1 pl-[2px] text-sm">
         <div class="notification-icon flex max-w-[64px] place-items-center">
           <EmojiDisplay reactionTypes={event().toReactionTypes()} />
         </div>
diff --git a/src/components/event/Repost.tsx b/src/components/event/Repost.tsx
index 6dbd05d..6f3e766 100644
--- a/src/components/event/Repost.tsx
+++ b/src/components/event/Repost.tsx
@@ -26,8 +26,10 @@ const Repost: Component<RepostProps> = (props) => {
   return (
     <div>
       <div class="flex items-center gap-1 text-xs">
-        <div class="flex h-4 w-4 shrink-0 place-items-center text-green-500" aria-hidden="true">
-          <ArrowPathRoundedSquare />
+        <div class="flex shrink-0 place-items-center pl-[2px]" aria-hidden="true">
+          <span class="h-4 w-4 text-green-500">
+            <ArrowPathRoundedSquare />
+          </span>
         </div>
         <div class="flex min-w-0 flex-1 overflow-hidden">
           <button