diff --git a/frontend/src/app/rules/rules.component.html b/frontend/src/app/rules/rules.component.html
index 759e9d5..ebe2838 100644
--- a/frontend/src/app/rules/rules.component.html
+++ b/frontend/src/app/rules/rules.component.html
@@ -193,8 +193,9 @@
             chunkloaders are prohibited.</p>
           <p style="margin-bottom: 0;">We have a system in place to restrict the number of mobs that can be in a
             certain area. Please do not try to circumvent this system. Additionally, mob grinder holding chambers must
-            be either 1x1 or 1x2 blocks in size. <a style="cursor: pointer;" id="ruleButton">Show exceptions...</a></p>
-          <ul id="exceptions" class="full-page-list hide">
+            be either 1x1 or 1x2 blocks in size. <a style="cursor: pointer;" (click)="toggleExceptions()">Show
+              exceptions...</a></p>
+          <ul id="exceptions" class="full-page-list" [ngClass]="{'hide': !showExceptions}">
             <li>Magma kill chamber may be up to 3x3</li>
             <li>Hoglin kill chamber may be up to 2x2</li>
             <li>Enderman kill chamber may be up to 3x3</li>
diff --git a/frontend/src/app/rules/rules.component.ts b/frontend/src/app/rules/rules.component.ts
index 6b3af12..5f9f4af 100644
--- a/frontend/src/app/rules/rules.component.ts
+++ b/frontend/src/app/rules/rules.component.ts
@@ -8,6 +8,12 @@ import {ScrollService} from '../scroll/scroll.service';
   styleUrl: './rules.component.scss'
 })
 export class RulesComponent {
+  showExceptions: boolean = false;
+
   constructor(public scrollService: ScrollService) {
   }
+
+  public toggleExceptions() {
+    this.showExceptions = !this.showExceptions;
+  }
 }