diff --git a/src/Template/Layout/dev_error.ctp b/src/Template/Layout/dev_error.ctp
index 68801cebef4..bc189b2ee43 100644
--- a/src/Template/Layout/dev_error.ctp
+++ b/src/Template/Layout/dev_error.ctp
@@ -23,6 +23,180 @@ use Cake\Error\Debugger;
 		Error: <?= $this->fetch('title') ?>
 	</title>
 	<?= $this->Html->meta('icon') ?>
+	<style>
+	body {
+		font: 14px helvetica, arial, sans-serif;
+		color: #222;
+		background-color: #f8f8f8;
+		padding:0;
+		margin: 0;
+		max-height: 100%;
+	}
+
+	.code-dump,
+	pre {
+		background: #fefefe;
+		border: 1px solid #ddd;
+		padding: 5px;
+		white-space: pre-wrap;
+	}
+
+	header {
+		background-color: #C3232D;
+		color: #ffffff;
+		padding: 16px 10px;
+		border-bottom: 3px solid #626262;
+	}
+	.header-title {
+		margin: 0;
+		font-weight: normal;
+		font-size: 30px;
+		line-height: 64px;
+	}
+	.header-type {
+		opacity: 0.75;
+		display: block;
+		font-size: 16px;
+		line-height: 1;
+	}
+	.header-help {
+		font-size: 12px;
+		line-height: 1;
+		position: absolute;
+		top: 30px;
+		right: 16px;
+	}
+	.header-help a {
+		color: #fff;
+	}
+
+	.error-nav {
+		float: left;
+		width: 30%;
+	}
+	.error-contents {
+		padding: 10px 1%;
+		float: right;
+		width: 68%;
+	}
+
+	.error,
+	.error-subheading {
+		font-size: 18px;
+		margin-top: 0;
+		padding: 10px;
+		border: 1px solid #EDBD26;
+	}
+	.error-subheading {
+		background: #1798A5;
+		color: #fff;
+		border: 1px solid #02808C;
+	}
+	.error {
+		background: #ffd54f;
+	}
+	.customize {
+		opacity: 0.6;
+	}
+
+	.stack-trace {
+		list-style: none;
+		margin: 0;
+		padding: 0;
+	}
+	.stack-frame {
+		padding: 10px;
+		border-bottom: 1px solid #212121;
+	}
+	.stack-frame:last-child {
+		border-bottom: none;
+	}
+	.stack-frame a {
+		display: block;
+		color: #212121;
+		text-decoration: none;
+	}
+	.stack-frame.active {
+		background: #e5e5e5;
+	}
+	.stack-frame a:hover {
+		text-decoration: underline;
+	}
+	.stack-file,
+	.stack-function {
+		display: block;
+		margin-bottom: 5px;
+	}
+
+	.stack-frame-file,
+	.stack-file {
+		font-family: consolas, monospace;
+	}
+	.stack-function {
+		font-weight: bold;
+	}
+	.stack-file {
+		font-size: 0.9em;
+	}
+
+	.stack-details {
+		background: #ececec;
+		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
+		border: 1px solid #ababab;
+		padding: 10px;
+		margin-bottom: 18px;
+	}
+	.stack-frame-args {
+		float: right;
+	}
+
+	.toggle-link {
+		color: #1798A5;
+		text-decoration: none;
+	}
+	.toggle-link:hover {
+		text-decoration: underline;
+	}
+	.toggle-vendor-frames {
+		padding: 5px;
+		display: block;
+		text-align: center;
+	}
+
+	.code-excerpt {
+		width: 100%;
+		margin: 5px 0;
+		background: #fefefe;
+	}
+	.code-highlight {
+		display: block;
+		background: #fff59d;
+	}
+	.excerpt-line {
+		padding-left: 2px;
+	}
+	.excerpt-number {
+		background: #f6f6f6;
+		width: 50px;
+		text-align: right;
+		color: #666;
+		border-right: 1px solid #ddd;
+		padding: 2px;
+	}
+	.excerpt-number:after {
+		content: attr(data-number);
+	}
+
+	table {
+		text-align: left;
+	}
+	th, td {
+		padding: 4px;
+	}
+	th {
+		border-bottom: 1px solid #ccc;
+	}
+	</style>
 </head>
 <body>
 	<header>
@@ -117,181 +291,5 @@ window.addEventListener('load', function() {
 	});
 });
 </script>
-
-<style>
-body {
-	font: 14px helvetica, arial, sans-serif;
-	color: #222;
-	background-color: #f8f8f8;
-	padding:0;
-	margin: 0;
-	max-height: 100%;
-}
-
-.code-dump,
-pre {
-	background: #fefefe;
-	border: 1px solid #ddd;
-	padding: 5px;
-	white-space: pre-wrap;
-}
-
-header {
-	background-color: #C3232D;
-	color: #ffffff;
-	padding: 16px 10px;
-	border-bottom: 3px solid #626262;
-}
-.header-title {
-	margin: 0;
-	font-weight: normal;
-	font-size: 30px;
-	line-height: 64px;
-}
-.header-type {
-	opacity: 0.75;
-	display: block;
-	font-size: 16px;
-	line-height: 1;
-}
-.header-help {
-	font-size: 12px;
-	line-height: 1;
-	position: absolute;
-	top: 30px;
-	right: 16px;
-}
-.header-help a {
-	color: #fff;
-}
-
-.error-nav {
-	float: left;
-	width: 30%;
-}
-.error-contents {
-	padding: 10px 1%;
-	float: right;
-	width: 68%;
-}
-
-.error,
-.error-subheading {
-	font-size: 18px;
-	margin-top: 0;
-	padding: 10px;
-	border: 1px solid #EDBD26;
-}
-.error-subheading {
-	background: #1798A5;
-	color: #fff;
-	border: 1px solid #02808C;
-}
-.error {
-	background: #ffd54f;
-}
-.customize {
-	opacity: 0.6;
-}
-
-.stack-trace {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-}
-.stack-frame {
-	padding: 10px;
-	border-bottom: 1px solid #212121;
-}
-.stack-frame:last-child {
-	border-bottom: none;
-}
-.stack-frame a {
-	display: block;
-	color: #212121;
-	text-decoration: none;
-}
-.stack-frame.active {
-	background: #e5e5e5;
-}
-.stack-frame a:hover {
-	text-decoration: underline;
-}
-.stack-file,
-.stack-function {
-	display: block;
-	margin-bottom: 5px;
-}
-
-.stack-frame-file,
-.stack-file {
-	font-family: consolas, monospace;
-}
-.stack-function {
-	font-weight: bold;
-}
-.stack-file {
-	font-size: 0.9em;
-}
-
-.stack-details {
-	background: #ececec;
-	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
-	border: 1px solid #ababab;
-	padding: 10px;
-	margin-bottom: 18px;
-}
-.stack-frame-args {
-	float: right;
-}
-
-.toggle-link {
-	color: #1798A5;
-	text-decoration: none;
-}
-.toggle-link:hover {
-	text-decoration: underline;
-}
-.toggle-vendor-frames {
-	padding: 5px;
-	display: block;
-	text-align: center;
-}
-
-.code-excerpt {
-	width: 100%;
-	margin: 5px 0;
-	background: #fefefe;
-}
-.code-highlight {
-	display: block;
-	background: #fff59d;
-}
-.excerpt-line {
-	padding-left: 2px;
-}
-.excerpt-number {
-	background: #f6f6f6;
-	width: 50px;
-	text-align: right;
-	color: #666;
-	border-right: 1px solid #ddd;
-	padding: 2px;
-}
-.excerpt-number:after {
-	content: attr(data-number);
-}
-
-table {
-	text-align: left;
-}
-th, td {
-	padding: 4px;
-}
-th {
-	border-bottom: 1px solid #ccc;
-}
-</style>
-
 </body>
 </html>
