diff --git a/src/app-bar.jsx b/src/app-bar.jsx
index 9b7975886afceb..1457eed4c9c677 100644
--- a/src/app-bar.jsx
+++ b/src/app-bar.jsx
@@ -87,6 +87,7 @@ const 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 f72346e0c3cd5b..fb155d56fa401b 100644
--- a/src/app-canvas.jsx
+++ b/src/app-canvas.jsx
@@ -51,9 +51,9 @@ const 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;