diff --git a/.changeset/swift-moles-crash.md b/.changeset/swift-moles-crash.md
new file mode 100644
index 000000000..655f57a12
--- /dev/null
+++ b/.changeset/swift-moles-crash.md
@@ -0,0 +1,5 @@
+---
+'astro': patch
+---
+
+fix object styles not escaped
diff --git a/packages/astro/src/runtime/server/render/util.ts b/packages/astro/src/runtime/server/render/util.ts
index 31a6bf21a..a95ef16f8 100644
--- a/packages/astro/src/runtime/server/render/util.ts
+++ b/packages/astro/src/runtime/server/render/util.ts
@@ -72,7 +72,7 @@ Make sure to use the static attribute syntax (\`${key}={value}\`) instead of the
 
 	// support "class" from an expression passed into an element (#782)
 	if (key === 'class:list') {
-		const listValue = toAttributeString(serializeListValue(value));
+		const listValue = toAttributeString(serializeListValue(value), shouldEscape);
 		if (listValue === '') {
 			return '';
 		}
@@ -81,7 +81,7 @@ Make sure to use the static attribute syntax (\`${key}={value}\`) instead of the
 
 	// support object styles for better JSX compat
 	if (key === 'style' && !(value instanceof HTMLString) && typeof value === 'object') {
-		return markHTMLString(` ${key}="${toStyleString(value)}"`);
+		return markHTMLString(` ${key}="${toAttributeString(toStyleString(value), shouldEscape)}"`);
 	}
 
 	// support `className` for better JSX compat
diff --git a/packages/astro/test/astro-object-style.test.js b/packages/astro/test/astro-object-style.test.js
new file mode 100644
index 000000000..adcc43bd9
--- /dev/null
+++ b/packages/astro/test/astro-object-style.test.js
@@ -0,0 +1,32 @@
+import { expect } from 'chai';
+import * as cheerio from 'cheerio';
+import { loadFixture } from './test-utils.js';
+
+describe('Object style', async () => {
+	let fixture;
+
+	before(async () => {
+		fixture = await loadFixture({ root: './fixtures/astro-object-style/' });
+		await fixture.build();
+	});
+
+	it('Passes style attributes as expected to elements', async () => {
+		const html = await fixture.readFile('/index.html');
+		const $ = cheerio.load(html);
+
+		expect($('[style="background-color:green"]')).to.have.lengthOf(1);
+		expect($('[style="background-color:red"]')).to.have.lengthOf(1);
+		expect($('[style="background-color:blue"]')).to.have.lengthOf(1);
+		expect($(`[style='background-image:url("a")']`)).to.have.lengthOf(1);
+	});
+
+	it('Passes style attributes as expected to components', async () => {
+		const html = await fixture.readFile('/component/index.html');
+		const $ = cheerio.load(html);
+
+		expect($('[style="background-color:green"]')).to.have.lengthOf(1);
+		expect($('[style="background-color:red"]')).to.have.lengthOf(1);
+		expect($('[style="background-color:blue"]')).to.have.lengthOf(1);
+		expect($(`[style='background-image:url("a")']`)).to.have.lengthOf(1);
+	});
+});
diff --git a/packages/astro/test/fixtures/astro-object-style/package.json b/packages/astro/test/fixtures/astro-object-style/package.json
new file mode 100644
index 000000000..140e51f2c
--- /dev/null
+++ b/packages/astro/test/fixtures/astro-object-style/package.json
@@ -0,0 +1,8 @@
+{
+  "name": "@test/astro-object-style",
+  "version": "0.0.0",
+  "private": true,
+  "dependencies": {
+    "astro": "workspace:*"
+  }
+}
diff --git a/packages/astro/test/fixtures/astro-object-style/src/components/Span.astro b/packages/astro/test/fixtures/astro-object-style/src/components/Span.astro
new file mode 100644
index 000000000..bfadf035c
--- /dev/null
+++ b/packages/astro/test/fixtures/astro-object-style/src/components/Span.astro
@@ -0,0 +1 @@
+<span {...Astro.props} />
diff --git a/packages/astro/test/fixtures/astro-object-style/src/pages/component.astro b/packages/astro/test/fixtures/astro-object-style/src/pages/component.astro
new file mode 100644
index 000000000..549990347
--- /dev/null
+++ b/packages/astro/test/fixtures/astro-object-style/src/pages/component.astro
@@ -0,0 +1,10 @@
+---
+import Component from '../components/Span.astro'
+---
+<Component style="background-color:green" />
+
+<Component style={"background-color:red"} />
+
+<Component style={{backgroundColor:"blue"}} />
+
+<Component style={{backgroundImage:'url("a")'}} />
diff --git a/packages/astro/test/fixtures/astro-object-style/src/pages/index.astro b/packages/astro/test/fixtures/astro-object-style/src/pages/index.astro
new file mode 100644
index 000000000..9ab066a5c
--- /dev/null
+++ b/packages/astro/test/fixtures/astro-object-style/src/pages/index.astro
@@ -0,0 +1,7 @@
+<span style="background-color:green" />
+
+<span style={"background-color:red"} />
+
+<span style={{backgroundColor:"blue"}} />
+
+<span style={{backgroundImage:'url("a")'}} />
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b7ae52e06..2fe99b52e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1426,6 +1426,12 @@ importers:
     dependencies:
       astro: link:../../..
 
+  packages/astro/test/fixtures/astro-object-style:
+    specifiers:
+      astro: workspace:*
+    dependencies:
+      astro: link:../../..
+
   packages/astro/test/fixtures/astro-page-directory-url:
     specifiers:
       astro: workspace:*