diff --git a/graphics/ui/ui.blend b/graphics/ui/ui.blend
index cb0d4b1..7ef57b8 100644
Binary files a/graphics/ui/ui.blend and b/graphics/ui/ui.blend differ
diff --git a/src/assets/images/battle/actionbar-cancel.png b/src/assets/images/battle/actionbar-cancel.png
new file mode 100644
index 0000000..ad6049a
Binary files /dev/null and b/src/assets/images/battle/actionbar-cancel.png differ
diff --git a/src/scripts/view/Preload.ts b/src/scripts/view/Preload.ts
index 2a7d4a3..662044e 100644
--- a/src/scripts/view/Preload.ts
+++ b/src/scripts/view/Preload.ts
@@ -26,6 +26,7 @@ module SpaceTac.View {
             this.loadImage("battle/background.jpg");
             this.loadImage("battle/arena/background.png");
             this.loadImage("battle/actionbar.png");
+            this.loadImage("battle/actionbar-cancel.png");
             this.loadImage("battle/action-inactive.png");
             this.loadImage("battle/action-active.png");
             this.loadImage("battle/action-fading.png");
diff --git a/src/scripts/view/battle/ActionBar.ts b/src/scripts/view/battle/ActionBar.ts
index 5ea6a7a..128d942 100644
--- a/src/scripts/view/battle/ActionBar.ts
+++ b/src/scripts/view/battle/ActionBar.ts
@@ -15,6 +15,9 @@ module SpaceTac.View {
         // Current ship, whose actions are displayed
         ship: Game.Ship;
 
+        // Cancel button
+        cancel: Phaser.Button;
+
         // Create an empty action bar
         constructor(battleview: BattleView) {
             this.battleview = battleview;
@@ -27,12 +30,20 @@ module SpaceTac.View {
             battleview.ui.add(this);
 
             // Background
-            this.addChild(new Phaser.Image(battleview.game, 0, 0, "battle-actionbar", 0));
+            this.addChild(new Phaser.Image(this.game, 0, 0, "battle-actionbar", 0));
 
             // Action points progress bar
-            this.actionpoints = new ValueBar(battleview.game, 119, 76, "battle-actionpointsempty");
+            this.actionpoints = new ValueBar(this.game, 119, 76, "battle-actionpointsempty");
             this.actionpoints.setBarImage("battle-actionpointsfull");
             this.addChild(this.actionpoints);
+
+            // Cancel button
+            this.cancel = new Phaser.Button(this.game, 849, 8, "battle-actionbar-cancel", () => {
+                this.actionEnded();
+            });
+            this.cancel.visible = false;
+            this.cancel.input.useHandCursor = true;
+            this.addChild(this.cancel);
         }
 
         // Clear the action icons
@@ -41,6 +52,7 @@ module SpaceTac.View {
                 action.destroy();
             });
             this.actions = [];
+            Animation.fadeOut(this.game, this.cancel, 200);
         }
 
         // Add an action icon
@@ -94,6 +106,11 @@ module SpaceTac.View {
             this.updateActionPoints();
         }
 
+        // Called by an action icon when the action is selected
+        actionStarted(): void {
+            Animation.fadeIn(this.game, this.cancel, 200);
+        }
+
         // Called by an action icon when the action has been applied
         actionEnded(): void {
             this.updateActionPoints();
@@ -101,6 +118,7 @@ module SpaceTac.View {
                 action.resetState();
             });
             this.battleview.exitTargettingMode();
+            Animation.fadeOut(this.game, this.cancel, 200);
         }
     }
 }
diff --git a/src/scripts/view/battle/ActionIcon.ts b/src/scripts/view/battle/ActionIcon.ts
index 3c2a34e..0ec9ff0 100644
--- a/src/scripts/view/battle/ActionIcon.ts
+++ b/src/scripts/view/battle/ActionIcon.ts
@@ -78,6 +78,7 @@ module SpaceTac.View {
 
             // End any previously selected action
             this.bar.actionEnded();
+            this.bar.actionStarted();
 
             // Update fading statuses
             this.bar.updateFadings(this.action.getActionPointsUsage(this.battleview.battle, this.ship, null));