diff --git a/app/components/viewer/action_buttons/index.hbs b/app/components/viewer/action_buttons/index.hbs
index 548046d388f6501b8db6362ff5a4b9c97ecb623f..88eea1656ee9c6e9d8ffe6ae73bf6e14428ec3a2 100644
--- a/app/components/viewer/action_buttons/index.hbs
+++ b/app/components/viewer/action_buttons/index.hbs
@@ -56,7 +56,7 @@
       <li class="dropdown-item">
         <button
           class="btn"
-          {{on "click" @onRotateClockwise}}>
+          {{on "click" (fn @onRotateClockwise 270)}}>
           <i class="bi bi-arrow-clockwise"></i>
           Rotate 90 CW
         </button>
@@ -64,7 +64,16 @@
       <li class="dropdown-item">
         <button
           class="btn"
-          {{on "click" @onRotateCounterclockwise}}>
+          {{on "click" (fn @onRotateClockwise 180)}}>
+          <i class="bi bi-arrow-clockwise"></i>
+          Rotate 180 CW
+        </button>
+      </li>
+
+      <li class="dropdown-item">
+        <button
+          class="btn"
+          {{on "click" (fn @onRotateClockwise 90)}}>
           <i class="bi bi-arrow-counterclockwise"></i>
           Rotate 90 CCW
         </button>
diff --git a/app/components/viewer/index.js b/app/components/viewer/index.js
index 69c1749c83bc7b86b001cf5b7da19e416886f3bd..b72b8cf285ee5d319148d37947a8ffd44d98e2e2 100644
--- a/app/components/viewer/index.js
+++ b/app/components/viewer/index.js
@@ -115,14 +115,11 @@ export default class ViewerComponent extends Component {
   }
 
   @action
-  async onRotateClockwise() {
+  async onRotateClockwise(angle) {
     let page_ids = [];
 
     page_ids = this.selected_pages.map(page => page.id);
-    await this.requests.rotatePages({
-      page_ids: page_ids,
-      angle: 90
-    });
+    await this.requests.rotatePages({page_ids, angle});
     this.selected_pages = A([]);
     this.router.refresh();
   }