@@ -16,6 +16,8 @@
 
   config.mock_with :rspec
 
+  config.add_setting :debugger_width, default: 0
+
   config.before(:each) do
     Hyperloop.class_eval do
       def self.on_server?
@@ -30,7 +32,6 @@ def self.on_server?
     end if defined?(HyperMesh)
   end
 
-
   config.before(:each, js: true) do
     size_window
   end
@@ -51,7 +52,9 @@ def self.on_server?
   Capybara.default_max_wait_time = 10
 
   Capybara.register_driver :chrome do |app|
-    Capybara::Selenium::Driver.new(app, browser: :chrome)
+    options = Selenium::WebDriver::Chrome::Options.new
+    options.add_arg('auto-open-devtools-for-tabs') unless ENV['NO_DEBUGGER']
+    Capybara::Selenium::Driver.new(app, browser: :chrome, options: options)
   end
 
   Capybara.register_driver :firefox do |app|
 
@@ -344,6 +344,7 @@ def size_window(width=nil, height=nil)
     if portrait
       width, height = [height, width]
     end
+    width, height = [width+RSpec.configuration.debugger_width, height+RSpec.configuration.debugger_height]
     if page.driver.browser.respond_to?(:manage)
       page.driver.browser.manage.window.resize_to(width, height)
     elsif page.driver.respond_to?(:resize)
 
@@ -283,7 +283,16 @@ def size_window(width = nil, height = nil)
 
       width, height = [height, width] if portrait
 
-      Capybara.current_session.current_window.resize_to(width, height)
+      loop do
+        Capybara.current_session.current_window
+                .resize_to(width + RSpec.configuration.debugger_width, height)
+        inner_width = evaluate_script('window.innerWidth')
+        # if we have matched the size then return
+        return if inner_width == width
+        # if we are bigger then desired and debugger_width is <= 0 then its as small as possible
+        return if inner_width > width && RSpec.configuration.debugger_width <= 0
+        RSpec.configuration.debugger_width += width - inner_width
+      end
     end
   end