diff --git a/packages/browser/src/client/orchestrator.ts b/packages/browser/src/client/orchestrator.ts
index 76d56d3ee..6888d7dcb 100644
--- a/packages/browser/src/client/orchestrator.ts
+++ b/packages/browser/src/client/orchestrator.ts
@@ -306,9 +306,13 @@ async function setIframeViewport(
     await ui.setIframeViewport(width, height)
   }
   else if (getBrowserState().provider === 'webdriverio') {
-    iframe.style.width = `${width}px`
-    iframe.style.height = `${height}px`
     iframe.parentElement?.setAttribute('data-scale', '1')
+    await client.rpc.triggerCommand(
+      getBrowserState().sessionId,
+      '__vitest_viewport',
+      undefined,
+      [{ width, height }],
+    )
   }
   else {
     const scale = Math.min(
diff --git a/packages/browser/src/node/commands/index.ts b/packages/browser/src/node/commands/index.ts
index 8adfd1aa5..d6dee10c3 100644
--- a/packages/browser/src/node/commands/index.ts
+++ b/packages/browser/src/node/commands/index.ts
@@ -15,6 +15,7 @@ import { selectOptions } from './select'
 import { tab } from './tab'
 import { type } from './type'
 import { upload } from './upload'
+import { viewport } from './viewport'
 
 export default {
   readFile: readFile as typeof readFile,
@@ -35,4 +36,5 @@ export default {
   __vitest_dragAndDrop: dragAndDrop as typeof dragAndDrop,
   __vitest_hover: hover as typeof hover,
   __vitest_cleanup: keyboardCleanup as typeof keyboardCleanup,
+  __vitest_viewport: viewport as typeof viewport,
 }
diff --git a/packages/browser/src/node/commands/viewport.ts b/packages/browser/src/node/commands/viewport.ts
new file mode 100644
index 000000000..502921c12
--- /dev/null
+++ b/packages/browser/src/node/commands/viewport.ts
@@ -0,0 +1,14 @@
+import type { UserEventCommand } from './utils'
+import { WebdriverBrowserProvider } from '../providers/webdriver'
+
+export const viewport: UserEventCommand<(options: {
+  width: number
+  height: number
+}) => void> = async (context, options) => {
+  if (context.provider instanceof WebdriverBrowserProvider) {
+    await context.provider.setViewport(options)
+  }
+  else {
+    throw new TypeError(`Provider ${context.provider.name} doesn't support "viewport" command`)
+  }
+}
diff --git a/packages/browser/src/node/pool.ts b/packages/browser/src/node/pool.ts
index c268634ac..a7a08ad10 100644
--- a/packages/browser/src/node/pool.ts
+++ b/packages/browser/src/node/pool.ts
@@ -69,8 +69,7 @@ export function createBrowserPool(vitest: Vitest): ProcessPool {
       isCancelled = true
     })
 
-    const groupedSpecifications = [...groupedFiles.entries()]
-    const initialisedPools = (await Promise.all(groupedSpecifications.map(async ([project, files]) => {
+    const initialisedPools = await Promise.all([...groupedFiles.entries()].map(async ([project, files]) => {
       await project._initBrowserProvider()
 
       if (!project.browser) {
@@ -92,7 +91,7 @@ export function createBrowserPool(vitest: Vitest): ProcessPool {
         provider: project.browser!.provider,
         runTests: () => pool.runTests(method, files),
       }
-    })))
+    }))
 
     if (isCancelled) {
       return
diff --git a/packages/browser/src/node/providers/webdriver.ts b/packages/browser/src/node/providers/webdriver.ts
index 6d8287dbd..a8ec41c65 100644
--- a/packages/browser/src/node/providers/webdriver.ts
+++ b/packages/browser/src/node/providers/webdriver.ts
@@ -28,6 +28,8 @@ export class WebdriverBrowserProvider implements BrowserProvider {
   private options?: Capabilities.WebdriverIOConfig
 
   private closing = false
+  private iframeSwitched = false
+  private topLevelContext: string | undefined
 
   getSupportedBrowsers(): readonly string[] {
     return webdriverBrowsers
@@ -43,6 +45,10 @@ export class WebdriverBrowserProvider implements BrowserProvider {
     this.options = options as Capabilities.WebdriverIOConfig
   }
 
+  isIframeSwitched(): boolean {
+    return this.iframeSwitched
+  }
+
   async switchToTestFrame(): Promise<void> {
     const page = this.browser!
     // support wdio@9
@@ -56,6 +62,7 @@ export class WebdriverBrowserProvider implements BrowserProvider {
       )
       await page.switchToFrame(iframe)
     }
+    this.iframeSwitched = true
   }
 
   async switchToMainFrame(): Promise<void> {
@@ -66,6 +73,21 @@ export class WebdriverBrowserProvider implements BrowserProvider {
     else {
       await page.switchToParentFrame()
     }
+    this.iframeSwitched = false
+  }
+
+  async setViewport(options: { width: number; height: number }): Promise<void> {
+    if (this.topLevelContext == null || !this.browser) {
+      throw new Error(`The browser has no open pages.`)
+    }
+    await this.browser.send({
+      method: 'browsingContext.setViewport',
+      params: {
+        context: this.topLevelContext,
+        devicePixelRatio: 1,
+        viewport: options,
+      },
+    })
   }
 
   getCommandsContext(): {
@@ -153,6 +175,7 @@ export class WebdriverBrowserProvider implements BrowserProvider {
     const browserInstance = await this.openBrowser()
     debug?.('[%s][%s] browser page is created, opening %s', sessionId, this.browserName, url)
     await browserInstance.url(url)
+    this.topLevelContext = await browserInstance.getWindowHandle()
     await this._throwIfClosing('opening the url')
   }
 
diff --git a/packages/ui/client/auto-imports.d.ts b/packages/ui/client/auto-imports.d.ts
index 8a28dee61..021bd219e 100644
--- a/packages/ui/client/auto-imports.d.ts
+++ b/packages/ui/client/auto-imports.d.ts
@@ -155,6 +155,7 @@ declare global {
   const unref: typeof import('vue')['unref']
   const unrefElement: typeof import('@vueuse/core')['unrefElement']
   const until: typeof import('@vueuse/core')['until']
+  const updateBrowserPanel: typeof import('./composables/navigation')['updateBrowserPanel']
   const useActiveElement: typeof import('@vueuse/core')['useActiveElement']
   const useAnimate: typeof import('@vueuse/core')['useAnimate']
   const useArrayDifference: typeof import('@vueuse/core')['useArrayDifference']
diff --git a/packages/ui/client/components/BrowserIframe.vue b/packages/ui/client/components/BrowserIframe.vue
index 5a194b5a2..d93df9c19 100644
--- a/packages/ui/client/components/BrowserIframe.vue
+++ b/packages/ui/client/components/BrowserIframe.vue
@@ -1,11 +1,13 @@
 <script setup lang="ts">
 import type { ViewportSize } from '~/composables/browser'
 import { viewport } from '~/composables/browser'
+import { browserState } from '~/composables/client'
 import {
   hideRightPanel,
   panels,
   showNavigationPanel,
   showRightPanel,
+  updateBrowserPanel,
 } from '~/composables/navigation'
 
 const sizes: Record<ViewportSize, [width: number, height: number]> = {
@@ -19,16 +21,24 @@ function isViewport(name: ViewportSize) {
   return viewport.value[0] === preset[0] && viewport.value[1] === preset[1]
 }
 
+const { width: windowWidth, height: windowHeight } = useWindowSize()
+
 async function changeViewport(name: ViewportSize) {
   viewport.value = sizes[name]
+  if (browserState?.provider === 'webdriverio') {
+    updateBrowserPanel()
+  }
 }
 
-const { width: windowWidth, height: windowHeight } = useWindowSize()
-
 const PADDING_SIDES = 20
 const PADDING_TOP = 100
 
 const containerSize = computed(() => {
+  if (browserState?.provider === 'webdriverio') {
+    const [width, height] = viewport.value
+    return { width, height }
+  }
+
   const parentContainerWidth = windowWidth.value * (panels.details.size / 100)
   const parentOffsetWidth = parentContainerWidth * (panels.details.browser / 100)
   const containerWidth = parentOffsetWidth - PADDING_SIDES
@@ -40,6 +50,10 @@ const containerSize = computed(() => {
 })
 
 const scale = computed(() => {
+  if (browserState?.provider === 'webdriverio') {
+    return 1
+  }
+
   const [iframeWidth, iframeHeight] = viewport.value
   const { width: containerWidth, height: containerHeight } = containerSize.value
   const widthScale = containerWidth > iframeWidth ? 1 : containerWidth / iframeWidth
diff --git a/packages/ui/client/components/views/ViewConsoleOutput.vue b/packages/ui/client/components/views/ViewConsoleOutput.vue
index fbcf78a3e..8ba0bd4e7 100644
--- a/packages/ui/client/components/views/ViewConsoleOutput.vue
+++ b/packages/ui/client/components/views/ViewConsoleOutput.vue
@@ -35,7 +35,7 @@ function getTaskName(id?: string) {
       />
     </div>
   </div>
-  <p v-else p6>
+  <div v-else p6>
     Log something in your test and it would print here. (e.g. <pre inline>console.log(foo)</pre>)
-  </p>
+  </div>
 </template>
diff --git a/packages/ui/client/composables/api.ts b/packages/ui/client/composables/api.ts
index 8a304c8bd..93242ff7e 100644
--- a/packages/ui/client/composables/api.ts
+++ b/packages/ui/client/composables/api.ts
@@ -1,6 +1,7 @@
 import type { BrowserUI } from 'vitest'
 import { viewport } from './browser'
-import { findById } from './client'
+import { browserState, findById } from './client'
+import { updateBrowserPanel } from './navigation'
 
 export const ui: BrowserUI = {
   setCurrentFileId(fileId: string) {
@@ -11,6 +12,9 @@ export const ui: BrowserUI = {
   async setIframeViewport(width: number, height: number) {
     // reset the button before setting a custom viewport
     viewport.value = [width, height]
+    if (browserState?.provider === 'webdriverio') {
+      updateBrowserPanel()
+    }
     await new Promise(r => requestAnimationFrame(r))
   },
 }
diff --git a/packages/ui/client/composables/client/index.ts b/packages/ui/client/composables/client/index.ts
index 3d0e51ec5..2b7571e3a 100644
--- a/packages/ui/client/composables/client/index.ts
+++ b/packages/ui/client/composables/client/index.ts
@@ -137,8 +137,13 @@ export function runCurrent() {
 // for testing during dev
 // export const browserState: BrowserRunnerState = {
 //   files: [],
-//   config: {},
+//   config: {
+//     browser: {
+//       name: 'chrome',
+//     }
+//   } as any,
 //   type: 'orchestrator',
+//   provider: 'webdriverio',
 //   wrapModule: () => {},
 // }
 // @ts-expect-error not typed global
diff --git a/packages/ui/client/composables/navigation.ts b/packages/ui/client/composables/navigation.ts
index df08c0232..c16bb6d03 100644
--- a/packages/ui/client/composables/navigation.ts
+++ b/packages/ui/client/composables/navigation.ts
@@ -1,6 +1,7 @@
 import type { File, Task } from '@vitest/runner'
 import type { Params } from './params'
-import { client, config, findById } from './client'
+import { viewport } from './browser'
+import { browserState, client, config, findById } from './client'
 import { testRunState } from './client/state'
 import { activeFileId, lineNumber, selectedTest, viewMode } from './params'
 
@@ -22,7 +23,13 @@ export const mainSizes = useLocalStorage<[left: number, right: number]>(
 )
 export const detailSizes = useLocalStorage<[left: number, right: number]>(
   'vitest-ui_splitpanes-detailSizes',
-  [33, 67],
+  [
+    // @ts-expect-error "browserState" is not initialised yet
+    window.__vitest_browser_runner__?.provider === 'webdriverio'
+      ? ((viewport.value[0] / window.outerWidth) * 100)
+      : 33,
+    67,
+  ],
 )
 
 // live sizes of panels in percentage
@@ -125,10 +132,25 @@ export function hideRightPanel() {
   detailSizes.value = [100, 0]
 }
 
+function calculateBrowserPanel() {
+  // we don't scale webdriverio provider because it doesn't support scaling
+  // TODO: find a way to make this universal - maybe show browser separetly(?)
+  if (browserState?.provider === 'webdriverio') {
+    const parentWindow = window.outerWidth * (panels.details.size / 100)
+    // 40 is 20px padding for each sice
+    const tabWidth = ((viewport.value[0] + 20) / parentWindow) * 100
+    return tabWidth
+  }
+  return 33
+}
+
 export function showRightPanel() {
-  panels.details.browser = 33
-  panels.details.main = 67
-  detailSizes.value = [33, 67]
+  panels.details.browser = calculateBrowserPanel()
+  panels.details.main = 100 - panels.details.browser
+  detailSizes.value = [
+    panels.details.browser,
+    panels.details.main,
+  ]
 }
 
 export function showNavigationPanel() {
@@ -136,3 +158,19 @@ export function showNavigationPanel() {
   panels.details.size = 67
   mainSizes.value = [33, 67]
 }
+
+export function updateBrowserPanel() {
+  // we don't need to change the size of the browser panel if the right
+  // panel is hidden
+  if (panels.details.main === 0) {
+    return
+  }
+
+  panels.details.browser = calculateBrowserPanel()
+  panels.details.main = 100 - panels.details.browser
+
+  detailSizes.value = [
+    panels.details.browser,
+    panels.details.main,
+  ]
+}
diff --git a/packages/ui/types.ts b/packages/ui/types.ts
index 172d11eb9..adea81db8 100644
--- a/packages/ui/types.ts
+++ b/packages/ui/types.ts
@@ -18,5 +18,6 @@ export interface BrowserRunnerState {
   files: string[]
   config: SerializedConfig
   type: 'orchestrator'
+  provider: string
   wrapModule: <T>(module: () => T) => T
 }
diff --git a/packages/utils/src/source-map.ts b/packages/utils/src/source-map.ts
index 9f3cd5b1b..0354477ef 100644
--- a/packages/utils/src/source-map.ts
+++ b/packages/utils/src/source-map.ts
@@ -229,6 +229,10 @@ export function parseStacktrace(
         ? new URL(map.sourceRoot, fileUrl)
         : fileUrl
       file = new URL(source, sourceRootUrl).pathname
+      // if the file path is on windows, we need to remove the leading slash
+      if (file.match(/\/\w:\//)) {
+        file = file.slice(1)
+      }
     }
 
     if (shouldFilter(ignoreStackEntries, file)) {
diff --git a/test/browser/fixtures/locators/blog.test.tsx b/test/browser/fixtures/locators/blog.test.tsx
index 7a193f2e5..65faef58c 100644
--- a/test/browser/fixtures/locators/blog.test.tsx
+++ b/test/browser/fixtures/locators/blog.test.tsx
@@ -18,7 +18,6 @@ test('renders blog posts', async () => {
 
   await expect.element(secondPost.getByRole('heading')).toHaveTextContent('qui est esse')
 
-  // TODO: click doesn't work on webdriverio when iframe is scaled
   await userEvent.click(secondPost.getByRole('button', { name: 'Delete' }))
 
   expect(screen.getByRole('listitem').all()).toHaveLength(3)
diff --git a/test/browser/package.json b/test/browser/package.json
index 06412b364..88991f4a8 100644
--- a/test/browser/package.json
+++ b/test/browser/package.json
@@ -11,6 +11,7 @@
     "test-fixtures": "vitest",
     "test-expect-dom": "vitest --root ./fixtures/expect-dom",
     "test-mocking": "vitest --root ./fixtures/mocking",
+    "test-failing": "vitest --root ./fixtures/failing",
     "test-timeout": "vitest --root ./fixtures/timeout",
     "test-mocking-watch": "vitest --root ./fixtures/mocking-watch",
     "test-locators": "vitest --root ./fixtures/locators",