diff --git a/browser/metro/base/content/ContentAreaObserver.js b/browser/metro/base/content/ContentAreaObserver.js
index 15b0161226ec..b8aadc806b5c 100644
--- a/browser/metro/base/content/ContentAreaObserver.js
+++ b/browser/metro/base/content/ContentAreaObserver.js
@@ -187,8 +187,9 @@ var ContentAreaObserver = {
   },
 
   onBrowserCreated: function onBrowserCreated(aBrowser) {
-    aBrowser.classList.add("content-width");
-    aBrowser.classList.add("content-height");
+    let notificationBox = aBrowser.parentNode.parentNode;
+    notificationBox.classList.add("content-width");
+    notificationBox.classList.add("content-height");
   },
 
   /*
diff --git a/browser/metro/base/content/browser.js b/browser/metro/base/content/browser.js
index a96d2420ff08..c986af2ca8dd 100644
--- a/browser/metro/base/content/browser.js
+++ b/browser/metro/base/content/browser.js
@@ -1718,9 +1718,6 @@ Tab.prototype = {
     browser.id = "browser-" + this._id;
     this._chromeTab.linkedBrowser = browser;
 
-    // let the content area manager know about this browser.
-    ContentAreaObserver.onBrowserCreated(browser);
-
     browser.setAttribute("type", "content");
 
     let useRemote = Services.prefs.getBoolPref("browser.tabs.remote");
@@ -1735,6 +1732,11 @@ Tab.prototype = {
     notification.appendChild(stack);
     Elements.browsers.insertBefore(notification, aInsertBefore);
 
+    notification.dir = "reverse";
+
+     // let the content area manager know about this browser.
+    ContentAreaObserver.onBrowserCreated(browser);
+
     // stop about:blank from loading
     browser.stop();