diff --git a/examples/webengine/quicknanobrowser/BrowserWindow.qml b/examples/webengine/quicknanobrowser/BrowserWindow.qml
index 7b8767b8de58f90cfecb80371ead4f1f8cd8015d..8d62482da211f83787fd7395f87f6c54ca2e7802 100644
--- a/examples/webengine/quicknanobrowser/BrowserWindow.qml
+++ b/examples/webengine/quicknanobrowser/BrowserWindow.qml
@@ -367,7 +367,10 @@ ApplicationWindow {
             return tab;
         }
 
-        anchors.fill: parent
+        anchors.top: parent.top
+        anchors.bottom: devToolsView.top
+        anchors.left: parent.left
+        anchors.right: parent.right
         Component.onCompleted: createEmptyTab(defaultProfile)
 
         Component {
@@ -500,7 +503,7 @@ ApplicationWindow {
     WebEngineView {
         id: devToolsView
         visible: devToolsEnabled.checked
-        height: 400
+        height: visible ? 400 : 0
         inspectedView: visible && tabs.currentIndex < tabs.count ? tabs.getTab(tabs.currentIndex).item : null
         anchors.left: parent.left
         anchors.right: parent.right