diff --git a/src/server/headed-mode-plugin.js b/src/server/headed-mode-plugin.js
index 684c5f8b..f1fe755f 100644
--- a/src/server/headed-mode-plugin.js
+++ b/src/server/headed-mode-plugin.js
@@ -11,7 +11,7 @@ export function headedMode({ open, watch, pattern }) {
 		async transform(context) {
 			if ((watch || open) && files.includes(context.path.slice(1))) {
 				await delay(0);
-				return `import '@brightspace-ui/testing/pause.js';\ndebugger;\n${context.body}`;
+				return `debugger;\nimport '@brightspace-ui/testing/pause.js';\n${context.body}`;
 			}
 		}
 	};
diff --git a/src/server/pause.js b/src/server/pause.js
index 0293b784..569144cd 100644
--- a/src/server/pause.js
+++ b/src/server/pause.js
@@ -3,11 +3,11 @@ window.d2lTestPause = new Promise(r => window.d2lTestStart = r);
 const controls = `
 	<div style="padding: 1rem; background: #ddd; border-bottom: 1px solid #888; color: #222">
 		<div id="start">
-			<button id="start-button" style="margin-end: 1rem;">Start</button>
+			<button id="start-button" style="margin-inline-end: 1rem;">Start</button>
 			<span>.${window.__WTR_CONFIG__.testFile.split('?')[0]}</span>
 		</div>
 		<div id="run" hidden>
-			<button id="run-button" style="margin-end: 1rem;">Run</button>
+			<button id="run-button" style="margin-inline-end: 1rem;">Run</button>
 			<span id="test-name"></span>
 		</div>
 	</div>