diff --git a/.changeset/great-llamas-read.md b/.changeset/great-llamas-read.md
new file mode 100644
index 0000000000000..7ae722565df72
--- /dev/null
+++ b/.changeset/great-llamas-read.md
@@ -0,0 +1,6 @@
+---
+"@gradio/nativeplot": patch
+"gradio": patch
+---
+
+fix:Native Plot respects the height parameters
diff --git a/js/nativeplot/Index.svelte b/js/nativeplot/Index.svelte
index 4cc10136427f3..68e9fd604bea5 100644
--- a/js/nativeplot/Index.svelte
+++ b/js/nativeplot/Index.svelte
@@ -512,6 +512,7 @@
 					: [])
 			],
 			width: chart_element.offsetWidth,
+			height: height ? "container" : undefined,
 			title: title || undefined
 		};
 		/* eslint-enable complexity */
@@ -561,6 +562,7 @@
 <style>
 	div {
 		width: 100%;
+		height: 100%;
 	}
 	:global(#vg-tooltip-element) {
 		font-family: var(--font) !important;
diff --git a/js/nativeplot/NativePlot.stories.svelte b/js/nativeplot/NativePlot.stories.svelte
index 0ba1f58629b60..9e036b6621ffe 100644
--- a/js/nativeplot/NativePlot.stories.svelte
+++ b/js/nativeplot/NativePlot.stories.svelte
@@ -79,6 +79,36 @@
 	}}
 />
 
+<Story
+	name="Line Plot with height"
+	args={{
+		value: {
+			columns: ["time", "value"],
+			data: [
+				[1, 10],
+				[2, 15],
+				[3, 13],
+				[4, 17],
+				[5, 14],
+				[6, 20]
+			],
+			datatypes: {
+				time: "quantitative",
+				value: "quantitative"
+			},
+			mark: "line"
+		},
+		x: "time",
+		y: "value",
+		title: "Sample Line Plot",
+		x_title: "Time",
+		y_title: "Value",
+		height: 250,
+		label: "Line Plot",
+		show_label: true
+	}}
+/>
+
 <Story
 	name="Empty Plot"
 	args={{