diff --git a/src/app-bar.jsx b/src/app-bar.jsx
index abab0b1ccb9868..9e05c2ba4284e0 100644
--- a/src/app-bar.jsx
+++ b/src/app-bar.jsx
@@ -61,6 +61,7 @@ let AppBar = React.createClass({
     let flatButtonSize = 36;
     let styles = {
       root: {
+        position: 'relative',
         zIndex: 5,
         width: '100%',
         display: '-webkit-box; display: -webkit-flex; display: flex',
diff --git a/src/app-canvas.jsx b/src/app-canvas.jsx
index 1781ad954cae8f..cb45fb76164173 100644
--- a/src/app-canvas.jsx
+++ b/src/app-canvas.jsx
@@ -24,9 +24,9 @@ let AppCanvas = React.createClass({
       switch (currentChild.type.displayName) {
         case 'AppBar' :
           return React.cloneElement(currentChild, {
-            style: this.mergeStyles({
+            style: this.mergeStyles(currentChild.props.style, {
               position: 'fixed',
-            }, currentChild.props.style),
+            }),
           });
         default:
           return currentChild;