diff --git a/src/components/navigation-control.js b/src/components/navigation-control.js
index 795f3bd1..d6bde008 100644
--- a/src/components/navigation-control.js
+++ b/src/components/navigation-control.js
@@ -75,7 +75,7 @@ export default class NavigationControl extends BaseControl {
     const {bearing} = this._context.viewport;
     return createElement('span', {
       className: 'mapboxgl-ctrl-compass-arrow',
-      style: {transform: `rotate(${bearing}deg)`}
+      style: {transform: `rotate(${-bearing}deg)`}
     });
   }