diff --git a/ui-v2/src/components/deployments/deployment-description.tsx b/ui-v2/src/components/deployments/deployment-description.tsx
new file mode 100644
index 000000000000..aa9a62c5d08f
--- /dev/null
+++ b/ui-v2/src/components/deployments/deployment-description.tsx
@@ -0,0 +1,15 @@
+import { Deployment } from "@/api/deployments";
+import Markdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+
+type DeploymentDescriptionProps = {
+	deployment: Deployment;
+};
+
+export const DeploymentDescription = ({
+	deployment,
+}: DeploymentDescriptionProps) => (
+	<Markdown className="prose" remarkPlugins={[remarkGfm]}>
+		{deployment.description}
+	</Markdown>
+);
diff --git a/ui-v2/src/components/deployments/deployment-details-page.tsx b/ui-v2/src/components/deployments/deployment-details-page.tsx
index 3c4414b765a8..c1f9f2587d9f 100644
--- a/ui-v2/src/components/deployments/deployment-details-page.tsx
+++ b/ui-v2/src/components/deployments/deployment-details-page.tsx
@@ -36,7 +36,7 @@ export const DeploymentDetailsPage = ({ id }: DeploymentDetailsPageProps) => {
 				</div>
 				<div className="grid gap-4" style={{ gridTemplateColumns: "3fr 1fr" }}>
 					<div className="flex flex-col gap-5">
-						<DeploymentDetailsTabs />
+						<DeploymentDetailsTabs deployment={data} />
 					</div>
 					<div className="flex flex-col gap-3">
 						<div className="border border-red-400">
diff --git a/ui-v2/src/components/deployments/deployment-details-tabs.tsx b/ui-v2/src/components/deployments/deployment-details-tabs.tsx
index d73c34f2bdf0..8eda492f694a 100644
--- a/ui-v2/src/components/deployments/deployment-details-tabs.tsx
+++ b/ui-v2/src/components/deployments/deployment-details-tabs.tsx
@@ -1,8 +1,11 @@
+import { Deployment } from "@/api/deployments";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import type { DeploymentDetailsTabOptions } from "@/routes/deployments/deployment.$id";
 import { Link, getRouteApi } from "@tanstack/react-router";
 import { type JSX } from "react";
 
+import { DeploymentDescription } from "./deployment-description";
+
 const routeApi = getRouteApi("/deployments/deployment/$id");
 
 type TabOption = {
@@ -11,77 +14,82 @@ type TabOption = {
 	ViewComponent: () => JSX.Element;
 };
 
-const TAB_OPTIONS = [
-	{
-		value: "Runs",
-		LinkComponent: () => (
-			<Link to="." search={{ tab: "Runs" }}>
-				<TabsTrigger value="Runs">Runs</TabsTrigger>
-			</Link>
-		),
-		ViewComponent: () => (
-			<TabsContent value="Runs">
-				<div className="border border-red-400">{"<RunsView />"}</div>
-			</TabsContent>
-		),
-	},
-	{
-		value: "Upcoming",
-		LinkComponent: () => (
-			<Link to="." search={{ tab: "Upcoming" }}>
-				<TabsTrigger value="Upcoming">Upcoming</TabsTrigger>
-			</Link>
-		),
-		ViewComponent: () => (
-			<TabsContent value="Upcoming">
-				<div className="border border-red-400">{"<UpcomingView />"}</div>
-			</TabsContent>
-		),
-	},
-	{
-		value: "Parameters",
-		LinkComponent: () => (
-			<Link to="." search={{ tab: "Parameters" }}>
-				<TabsTrigger value="Parameters">Parameters</TabsTrigger>
-			</Link>
-		),
-		ViewComponent: () => (
-			<TabsContent value="Parameters">
-				<div className="border border-red-400">{"<ParametersView />"}</div>
-			</TabsContent>
-		),
-	},
-	{
-		value: "Configuration",
-		LinkComponent: () => (
-			<Link to="." search={{ tab: "Configuration" }}>
-				<TabsTrigger value="Configuration">Configuration</TabsTrigger>
-			</Link>
-		),
-		ViewComponent: () => (
-			<TabsContent value="Configuration">
-				<div className="border border-red-400">{"<ConfigurationView />"}</div>
-			</TabsContent>
-		),
-	},
-	{
-		value: "Description",
-		LinkComponent: () => (
-			<Link to="." search={{ tab: "Description" }}>
-				<TabsTrigger value="Description">Description</TabsTrigger>
-			</Link>
-		),
-		ViewComponent: () => (
-			<TabsContent value="Description">
-				<div className="border border-red-400">{"<DescriptionView />"}</div>
-			</TabsContent>
-		),
-	},
-] as const satisfies Array<TabOption>;
-
-export const DeploymentDetailsTabs = (): JSX.Element => {
+type DeploymentDetailsTabsProps = {
+	deployment: Deployment;
+};
+export const DeploymentDetailsTabs = ({
+	deployment,
+}: DeploymentDetailsTabsProps): JSX.Element => {
 	const { tab } = routeApi.useSearch();
 
+	const TAB_OPTIONS = [
+		{
+			value: "Runs",
+			LinkComponent: () => (
+				<Link to="." search={{ tab: "Runs" }}>
+					<TabsTrigger value="Runs">Runs</TabsTrigger>
+				</Link>
+			),
+			ViewComponent: () => (
+				<TabsContent value="Runs">
+					<div className="border border-red-400">{"<RunsView />"}</div>
+				</TabsContent>
+			),
+		},
+		{
+			value: "Upcoming",
+			LinkComponent: () => (
+				<Link to="." search={{ tab: "Upcoming" }}>
+					<TabsTrigger value="Upcoming">Upcoming</TabsTrigger>
+				</Link>
+			),
+			ViewComponent: () => (
+				<TabsContent value="Upcoming">
+					<div className="border border-red-400">{"<UpcomingView />"}</div>
+				</TabsContent>
+			),
+		},
+		{
+			value: "Parameters",
+			LinkComponent: () => (
+				<Link to="." search={{ tab: "Parameters" }}>
+					<TabsTrigger value="Parameters">Parameters</TabsTrigger>
+				</Link>
+			),
+			ViewComponent: () => (
+				<TabsContent value="Parameters">
+					<div className="border border-red-400">{"<ParametersView />"}</div>
+				</TabsContent>
+			),
+		},
+		{
+			value: "Configuration",
+			LinkComponent: () => (
+				<Link to="." search={{ tab: "Configuration" }}>
+					<TabsTrigger value="Configuration">Configuration</TabsTrigger>
+				</Link>
+			),
+			ViewComponent: () => (
+				<TabsContent value="Configuration">
+					<div className="border border-red-400">{"<ConfigurationView />"}</div>
+				</TabsContent>
+			),
+		},
+		{
+			value: "Description",
+			LinkComponent: () => (
+				<Link to="." search={{ tab: "Description" }}>
+					<TabsTrigger value="Description">Description</TabsTrigger>
+				</Link>
+			),
+			ViewComponent: () => (
+				<TabsContent value="Description">
+					<DeploymentDescription deployment={deployment} />
+				</TabsContent>
+			),
+		},
+	] as const satisfies Array<TabOption>;
+
 	return (
 		<Tabs defaultValue={TAB_OPTIONS[0].value} value={tab}>
 			<TabsList>