diff --git a/.editorconfig b/.editorconfig
index cbb6ac5..e0acaae 100755
--- a/.editorconfig
+++ b/.editorconfig
@@ -7,5 +7,6 @@ insert_final_newline = true
 indent_style = space
 indent_size = 4
 [*.md]
-indent_size = 2
-trim_trailing_whitespace = false
\ No newline at end of file
+trim_trailing_whitespace = false
+[*.{.md,js}]
+indent_size = 2
\ No newline at end of file
diff --git a/extend.php b/extend.php
index 3b97c2a..ef85134 100644
--- a/extend.php
+++ b/extend.php
@@ -37,6 +37,8 @@
 
     (new Extend\Routes('api'))
         ->get('/posts/{id}/reactions', 'post.reactions.index', Controller\ListPostReactionsController::class)
+        ->delete('/posts/{id}/reactions/specific/{postReactionId}', 'post.reactions.specific.delete', Controller\DeletePostReactionController::class)
+        ->delete('/posts/{id}/reactions/type/{reactionId}', 'post.reactions.type.delete', Controller\DeletePostReactionController::class)
         ->get('/reactions', 'reactions.index', Controller\ListReactionsController::class)
         ->post('/reactions', 'reactions.create', Controller\CreateReactionController::class)
         ->patch('/reactions/{id}', 'reactions.update', Controller\UpdateReactionController::class)
diff --git a/js/src/@types/shims.d.ts b/js/src/@types/shims.d.ts
new file mode 100644
index 0000000..fc0b640
--- /dev/null
+++ b/js/src/@types/shims.d.ts
@@ -0,0 +1,24 @@
+import PostReaction from '../forum/models/PostReaction';
+import Reaction from '../common/models/Reaction';
+
+declare module 'flarum/common/models/Post' {
+  export default interface Post {
+    reactionCounts(): Record<string, number>;
+    userReaction(): number | undefined;
+
+    canReact(): boolean;
+    canDeletePostReactions(): boolean;
+  }
+}
+
+declare module 'flarum/common/models/Discussion' {
+  export default interface Discussion {
+    canSeeReactions(): boolean;
+  }
+}
+
+declare module 'flarum/forum/models/Forum' {
+  export default interface Forum {
+    reactions(): Reaction[];
+  }
+}
diff --git a/js/src/admin/index.js b/js/src/admin/index.js
index 6da9306..b4b6c43 100644
--- a/js/src/admin/index.js
+++ b/js/src/admin/index.js
@@ -34,5 +34,13 @@ app.initializers.add('fof/reactions', () => {
       },
       'view'
     )
+    .registerPermission(
+      {
+        icon: 'fas fa-trash',
+        label: app.translator.trans('fof-reactions.admin.permissions.delete_post_reactions_label'),
+        permission: 'discussion.deleteReactionsPosts',
+      },
+      'moderate'
+    )
     .registerPage(SettingsPage);
 });
diff --git a/js/src/common/components/ReactionComponent.js b/js/src/common/components/ReactionComponent.js
index 3e593dd..4080de5 100644
--- a/js/src/common/components/ReactionComponent.js
+++ b/js/src/common/components/ReactionComponent.js
@@ -19,9 +19,9 @@ export default class ReactionComponent extends Component {
     if (reaction.type() === 'emoji') {
       const { url } = emoji(reaction.identifier());
 
-      return <img className={className} src={url} loading="lazy" draggable="false" alt={display} {...attrs} />;
+      return <img className={classList(className, 'emoji')} src={url} loading="lazy" draggable="false" alt={display} {...attrs} />;
     } else {
-      return <i className={classList(className, reaction.identifier())} aria-hidden {...attrs} />;
+      return <i className={classList(className, reaction.identifier(), 'icon')} aria-hidden {...attrs} />;
     }
   }
 }
diff --git a/js/src/forum/components/PostReactAction.js b/js/src/forum/components/PostReactAction.js
index d8756c4..b96f3a3 100755
--- a/js/src/forum/components/PostReactAction.js
+++ b/js/src/forum/components/PostReactAction.js
@@ -63,6 +63,8 @@ export default class PostReactAction extends Component {
     const reactionCounts = this.post.reactionCounts();
     const canReact = this.post.canReact();
 
+    const hasReacted = this.post.userReaction() && reactionCounts[this.post.userReaction()] > 0;
+
     return (
       <div style="margin-right: 7px" className="Reactions">
         <div className="Reactions--reactions">
@@ -77,9 +79,7 @@ export default class PostReactAction extends Component {
 
             return Button.component(
               {
-                className: `Button Button--flat Button-emoji-parent ${
-                  this.post.userReaction() && this.post.userReaction() == reaction.id() && 'active'
-                }`,
+                className: `Button Button--flat Button-emoji-parent ${this.post.userReaction() == reaction.id() && 'active'}`,
                 onclick: canReact ? this.react.bind(this, reaction) : '',
                 'data-reaction': reaction.identifier(),
                 disabled: !canReact,
@@ -92,7 +92,7 @@ export default class PostReactAction extends Component {
           })}
         </div>
 
-        {(!Object.keys(this.loading).length || this.loading[null]) && !this.post.userReaction() && canReact && (
+        {(!Object.keys(this.loading).length || this.loading[null]) && !hasReacted && canReact && (
           <div className="Reactions--react">
             {this.reactButton()}
 
diff --git a/js/src/forum/components/ReactionsModal.tsx b/js/src/forum/components/ReactionsModal.tsx
index 59f2daa..25b368b 100644
--- a/js/src/forum/components/ReactionsModal.tsx
+++ b/js/src/forum/components/ReactionsModal.tsx
@@ -12,6 +12,7 @@ import Post from 'flarum/common/models/Post';
 import { ApiResponsePlural } from 'flarum/common/Store';
 import User from 'flarum/common/models/User';
 import Reaction from '../../common/models/Reaction';
+import Button from 'flarum/common/components/Button';
 
 interface ReactionsModalAttrs extends IInternalModalAttrs {
   post: Post;
@@ -19,7 +20,7 @@ interface ReactionsModalAttrs extends IInternalModalAttrs {
 
 interface ReactionGroup {
   reaction: Reaction;
-  users: User[];
+  users: Record<string, User>; // map the post reaction id to the user
   anonymousCount: number;
 }
 
@@ -27,6 +28,9 @@ export default class ReactionsModal extends Modal<ReactionsModalAttrs> {
   reactions: ReactionGroup[] = [];
   loading: boolean = false;
 
+  deletingSpecific: Record<string, boolean> = {};
+  deletingType: Record<string, boolean> = {};
+
   className() {
     return 'ReactionsModal Modal--small';
   }
@@ -53,27 +57,51 @@ export default class ReactionsModal extends Modal<ReactionsModalAttrs> {
       <div className="Modal-body">
         <ul className="ReactionsModal-list">
           {this.reactions.map(({ reaction, users, anonymousCount }) => this.buildReactionSection(reaction, users, anonymousCount))}
+
+          {!this.reactions.length && <p>{app.translator.trans('fof-reactions.forum.modal.no_reactions')}</p>}
         </ul>
       </div>
     );
   }
 
-  buildReactionSection(reaction: Reaction, users: User[], anonymousCount: number): Mithril.Children {
+  buildReactionSection(reaction: Reaction, users: Record<string, User>, anonymousCount: number): Mithril.Children {
+    const post = this.attrs.post;
+
+    // The user can delete the reaction if they can delete reactions on the post, or
+    // if they can react (i.e. modify their reaction) and it's their own reaction
+    const canDeleteReaction = (user: User) => post.canDeletePostReactions() || (post.canReact() && user === app.session.user);
+
     return (
       <div className="ReactionsModal-group">
         <legend>
           <ReactionComponent reaction={reaction} className={'ReactionModal-reaction'} />
           <label className="ReactionsModal-display">{reaction.display() || reaction.identifier()}</label>
+          {post.canDeletePostReactions() && (
+            <Button
+              icon="fas fa-minus-circle"
+              className="Button Button--icon Button--link"
+              loading={this.deletingType[reaction.id()!]}
+              onclick={this.deletePostReaction.bind(this, false, reaction.id()!)}
+            />
+          )}
         </legend>
 
         <hr className="ReactionsModal-delimiter" />
 
-        {users.map((user: User) => (
-          <li key={user.id()}>
+        {Object.entries(users).map(([postReactionId, user]: [string, User], index: number) => (
+          <li key={user.id()} data-post-reaction-id={postReactionId} data-user-id={user.id()}>
             <Link className="ReactionsModal-user" href={app.route.user(user)}>
               {avatar(user, { loading: 'lazy' })}
               {username(user)}
             </Link>
+            {canDeleteReaction(user) && (
+              <Button
+                icon="fas fa-minus-circle"
+                className="Button Button--icon Button--link"
+                loading={this.deletingSpecific[postReactionId]}
+                onclick={this.deletePostReaction.bind(this, postReactionId, reaction.id()!)}
+              />
+            )}
           </li>
         ))}
 
@@ -97,7 +125,7 @@ export default class ReactionsModal extends Modal<ReactionsModalAttrs> {
         continue;
       }
 
-      const users: User[] = [];
+      const users: Record<string, User> = {};
       let anonymousCount = 0;
 
       for (let reactionInstance of groupedReactions[reactionId]) {
@@ -109,7 +137,7 @@ export default class ReactionsModal extends Modal<ReactionsModalAttrs> {
           const user = app.store.getById<User>('users', userId);
           if (user) {
             // Check for null user
-            users.push(user);
+            users[reactionInstance.id()!] = user;
           }
         }
       }
@@ -122,4 +150,54 @@ export default class ReactionsModal extends Modal<ReactionsModalAttrs> {
 
     m.redraw();
   }
+
+  async deletePostReaction(postReactionId: string | false, reactionId: string): Promise<void> {
+    const isSpecific = postReactionId !== false;
+    const loadingArr = isSpecific ? this.deletingSpecific : this.deletingType;
+    const id = isSpecific ? postReactionId : reactionId;
+
+    loadingArr[id] = true;
+
+    await app.request({
+      method: 'DELETE',
+      url: `${app.forum.attribute('apiUrl')}/posts/${this.attrs.post.id()}/reactions/${isSpecific ? 'specific' : 'type'}/${id}`,
+    });
+
+    // Filter out the deleted reaction type
+    const reaction = this.reactions.find((reaction) => reaction.reaction.id() === reactionId);
+
+    if (isSpecific) {
+      // Remove only the specific post_reaction
+      const postReaction = app.store.getById('post_reactions', postReactionId);
+
+      if (reaction) {
+        delete reaction.users[postReactionId];
+
+        // Remove reaction group if there are no more reactions of this type
+        if (!Object.keys(reaction.users).length && !reaction.anonymousCount) {
+          this.reactions = this.reactions.filter((r) => r.reaction.id() !== reactionId);
+        }
+      }
+
+      if (postReaction) app.store.remove(postReaction);
+
+      this.attrs.post.reactionCounts()[reactionId]--;
+    } else {
+      // Remove all reactions of this type
+      this.reactions = this.reactions.filter((r) => r.reaction.id() !== reactionId);
+
+      if (reaction) {
+        for (const postReactionId in reaction.users) {
+          const postReaction = app.store.getById('post_reactions', postReactionId);
+          if (postReaction) app.store.remove(postReaction);
+        }
+      }
+
+      this.attrs.post.reactionCounts()[reactionId] = 0;
+    }
+
+    delete loadingArr[id];
+
+    m.redraw();
+  }
 }
diff --git a/js/src/forum/index.js b/js/src/forum/index.js
index e70a66f..eb304ab 100755
--- a/js/src/forum/index.js
+++ b/js/src/forum/index.js
@@ -27,8 +27,9 @@ app.initializers.add('fof/reactions', () => {
   app.notificationComponents.postReacted = PostReactedNotification;
 
   Post.prototype.canReact = Model.attribute('canReact');
+  Post.prototype.canDeletePostReactions = Model.attribute('canDeletePostReactions');
   Post.prototype.reactionCounts = Model.attribute('reactionCounts');
-  Post.prototype.userReaction = Model.attribute('userReaction');
+  Post.prototype.userReaction = Model.attribute('userReactionIdentifier');
 
   Forum.prototype.reactions = Model.hasMany('reactions');
 
diff --git a/resources/less/forum.less b/resources/less/forum.less
index 27ba90b..d1df1fb 100644
--- a/resources/less/forum.less
+++ b/resources/less/forum.less
@@ -126,9 +126,29 @@
         }
     }
 
+    li {
+        display: flex;
+
+        .ReactionsModal-user {
+            flex: 1;
+        }
+    }
+
     .ReactionsModal-group {
         margin-bottom: 40px;
 
+        legend {
+            display: flex;
+
+            label {
+                flex: 1;
+            }
+
+            .Button {
+                padding: 2px 0;
+            }
+        }
+
         .ReactionsModal-reaction {
             .emoji {
                 height: 24px;
diff --git a/resources/locale/en.yml b/resources/locale/en.yml
index 320b911..101882c 100644
--- a/resources/locale/en.yml
+++ b/resources/locale/en.yml
@@ -9,6 +9,7 @@ fof-reactions:
     modal:
         title: Reactions
         anonymous_count: "{count, plural, one {# anonymous user} other {# anonymous users}}"
+        no_reactions: No reactions yet
     mod_item: View Reactions
     react_button_label: React
 
@@ -16,12 +17,13 @@ fof-reactions:
     permissions:
         react_posts_label: React to posts
         see_reactions_label: See who reacted on posts
+        delete_post_reactions_label: Delete reactions on posts
 
     page:
       cdn:
         title: CDN
         help: |
-          By default, we serve the reaction assets from Cloudflare's CDN. You also have the option to specify any other CDN address 
+          By default, we serve the reaction assets from Cloudflare's CDN. You also have the option to specify any other CDN address
           as required. <code>[codepoint]</code> will be substituted with the codepoint of the emoji.
 
           For example, to switch to Noto Emoji via jsdelivr, you would enter <code>https://cdn.jsdelivr.net/gh/googlefonts/noto-emoji@v2.040/svg/emoji_u[codepoint].svg</code>. This field must NEVER be left empty.
diff --git a/src/Api/Controller/DeletePostReactionController.php b/src/Api/Controller/DeletePostReactionController.php
new file mode 100644
index 0000000..112e366
--- /dev/null
+++ b/src/Api/Controller/DeletePostReactionController.php
@@ -0,0 +1,67 @@
+<?php
+
+/*
+ * This file is part of fof/reactions.
+ *
+ * Copyright (c) FriendsOfFlarum.
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace FoF\Reactions\Api\Controller;
+
+use Flarum\Api\Controller\AbstractDeleteController;
+use Flarum\Http\RequestUtil;
+use Flarum\Post\Post;
+use Flarum\User\Exception\PermissionDeniedException;
+use FoF\Reactions\PostAnonymousReaction;
+use FoF\Reactions\PostReaction;
+use Illuminate\Support\Arr;
+use Laminas\Diactoros\Response\EmptyResponse;
+use Psr\Http\Message\ServerRequestInterface;
+
+class DeletePostReactionController extends AbstractDeleteController
+{
+    /**
+     * @throws PermissionDeniedException
+     */
+    protected function delete(ServerRequestInterface $request): EmptyResponse
+    {
+        $actor = RequestUtil::getActor($request);
+        $params = $request->getQueryParams();
+
+        $postId = Arr::get($params, 'id');
+        $postReactionId = Arr::get($params, 'postReactionId');
+        $reactionId = Arr::get($params, 'reactionId');
+
+        $post = Post::whereVisibleTo($actor)->findOrFail($postId);
+
+        if ($reactionId) {
+            // Delete all post_reactions of a specific type (i.e. `reaction_id`)
+            $actor->assertCan('deleteReactions', $post);
+
+            PostReaction::query()->where('post_id', $postId)->where('reaction_id', $reactionId)->delete();
+            PostAnonymousReaction::query()->where('post_id', $postId)->where('reaction_id', $reactionId)->delete();
+        } elseif ($postReactionId) {
+            // Delete a specific post_reaction for the post
+            /**
+             * @var PostReaction $reaction
+             */
+            $reaction = PostReaction::query()->where('post_id', $postId)->where('id', $postReactionId)->firstOrFail();
+
+            // If the post is not the actor's, they must have permission to delete reactions
+            if ($reaction->user_id != $actor->id) {
+                $actor->assertCan('deleteReactions', $post);
+            } else {
+                $actor->assertCan('react', $post);
+            }
+
+            $reaction->delete();
+        }
+
+        // TODO should this send pusher updates? would need new type for non-specific, otherwise could spam pusher events
+
+        return new EmptyResponse(204);
+    }
+}
diff --git a/src/PostAttributes.php b/src/PostAttributes.php
index 320a788..5779b8d 100644
--- a/src/PostAttributes.php
+++ b/src/PostAttributes.php
@@ -32,6 +32,7 @@ public function __invoke(PostSerializer $serializer, Post $post, array $attribut
         $actor = $serializer->getActor();
 
         $attributes['canReact'] = (bool) $actor->can('react', $post);
+        $attributes['canDeletePostReactions'] = (bool) $actor->can('deleteReactions', $post);
 
         // Get reaction counts for the post.
         $reactionCounts = $this->getReactionCountsForPost($post);
diff --git a/tests/integration/api/ReactTest.php b/tests/integration/api/ReactTest.php
index 9aa0caf..91f6888 100644
--- a/tests/integration/api/ReactTest.php
+++ b/tests/integration/api/ReactTest.php
@@ -12,6 +12,7 @@
 namespace FoF\Reactions\tests\integration\api;
 
 use Carbon\Carbon;
+use Flarum\Group\Group;
 use Flarum\Post\Post;
 use Flarum\Testing\integration\RetrievesAuthorizedUsers;
 use Flarum\Testing\integration\TestCase;
@@ -35,6 +36,7 @@ public function setUp(): void
                 ['id' => 3, 'username' => 'Acme', 'email' => 'acme@machine.local', 'is_email_confirmed' => 1],
                 ['id' => 4, 'username' => 'Acme2', 'email' => 'acme2@machine.local', 'is_email_confirmed' => 1],
                 ['id' => 5, 'username' => 'Acme3', 'email' => 'acme3@machine.local', 'is_email_confirmed' => 1],
+                ['id' => 6, 'username' => 'Acme4', 'email' => 'acme4@machine.local', 'is_email_confirmed' => 1],
             ],
             'discussions' => [
                 ['id' => 1, 'title' => __CLASS__, 'created_at' => Carbon::now(), 'last_posted_at' => Carbon::now(), 'user_id' => 1, 'first_post_id' => 1, 'comment_count' => 2],
@@ -55,6 +57,11 @@ public function setUp(): void
                 ['user_id' => 2, 'group_id' => 5],
                 ['user_id' => 3, 'group_id' => 5],
                 ['user_id' => 4, 'group_id' => 5],
+                ['user_id' => 6, 'group_id' => 5],
+                ['user_id' => 6, 'group_id' => Group::MODERATOR_ID],
+            ],
+            'group_permission' => [
+                ['permission' => 'discussion.deleteReactionsPosts', 'group_id' => Group::MODERATOR_ID],
             ],
         ]);
     }
@@ -245,6 +252,65 @@ public function guest_cannot_react_to_a_post_when_feature_is_enabled_but_reactio
         $this->assertNull($postReaction, 'Anonymous reaction was saved to database');
     }
 
+    /**
+     * @dataProvider deleteSpecificPostReactionUsersData
+     *
+     * @test
+     */
+    public function user_can_delete_own_post_reaction_by_id($reactionAs, $authAs, $message, $statusCode)
+    {
+        $this->sendReactRequest(1, 1, $reactionAs);
+
+        $postReaction = PostReaction::query()->where('post_id', 1)->where('user_id', $reactionAs)->first();
+
+        $this->assertNotNull($postReaction, "Reaction was not saved to database -- unable to react as user $reactionAs");
+
+        if (is_null($authAs)) {
+            $initial = $this->send(
+                $this->request('GET', '/')
+            );
+
+            $token = $initial->getHeaderLine('X-CSRF-Token');
+        }
+
+        $request = $this->request('DELETE', "/api/posts/1/reactions/specific/{$postReaction->id}", [
+            'authenticatedAs' => $authAs,
+            'cookiesFrom'     => $initial ?? null,
+        ]);
+
+        if (is_null($authAs)) {
+            $request = $request->withHeader('X-CSRF-Token', $token);
+        }
+
+        $response = $this->send($request);
+
+        $this->assertEquals($statusCode, $response->getStatusCode(), $message);
+
+        if ($statusCode === 204) {
+            $this->expectException(\Illuminate\Database\Eloquent\ModelNotFoundException::class);
+        }
+
+        $postReaction->refresh();
+
+        if ($statusCode === 204) {
+            $this->assertFalse($postReaction->exists(), 'Reaction was not deleted from database');
+        } else {
+            $this->assertTrue($postReaction->exists(), 'Reaction should not have been deleted from database');
+        }
+    }
+
+    public function deleteSpecificPostReactionUsersData()
+    {
+        return [
+            // [$reactionAs, $authAs, $message, $statusCode]
+            [3, 1, 'Admin can delete any post reaction', 204],
+            [2, 6, 'User with permission can delete other post reaction', 204],
+            [5, 5, 'User with permission can delete own post reaction', 204],
+            [5, 4, 'User without permission cannot delete other post reaction', 403],
+            [3, null, 'Guest cannot delete any post reaction', 403],
+        ];
+    }
+
     /**
      * @test
      */