diff --git a/.changeset/hot-dots-care.md b/.changeset/hot-dots-care.md
new file mode 100644
index 00000000..7edce717
--- /dev/null
+++ b/.changeset/hot-dots-care.md
@@ -0,0 +1,5 @@
+---
+"web": patch
+---
+
+fix: output and dataset sample alignment issues
diff --git a/apps/web/components/sample-card.tsx b/apps/web/components/sample-card.tsx
index 28dc1ad5..10df8ced 100644
--- a/apps/web/components/sample-card.tsx
+++ b/apps/web/components/sample-card.tsx
@@ -25,7 +25,7 @@ export default function SampleCard({
 }) {
   return (
     <Card className="flex flex-col rounded-md items-stretch border-zinc-900 w-full">
-      <CardContent className="flex flex-col flex-1 p-2 mt-1 pb-0 items-stretch relative">
+      <CardContent className="flex flex-col flex-1 mt-2 p-2 pb-0 items-stretch relative">
         <JsonAsTab
           storeKey="input"
           data={sample?.inputs}
diff --git a/apps/web/components/sample-output-card.tsx b/apps/web/components/sample-output-card.tsx
index 8a2a05db..751483bd 100644
--- a/apps/web/components/sample-output-card.tsx
+++ b/apps/web/components/sample-output-card.tsx
@@ -214,7 +214,7 @@ export default function SampleOutputCard({
         )}
       </CardHeader>
       <CardContent
-        className="flex flex-col h-full p-4 gap-2"
+        className="flex flex-col h-full px-4 py-2"
         ref={containerWrapper}
       >
         <section className="flex flex-col">
@@ -266,7 +266,7 @@ export default function SampleOutputCard({
           </div>
         )}
         {!diffView.enabled && hasMetadata && (
-          <section className="flex flex-col h-[200px] mt-2">
+          <section className="flex flex-col mt-2">
             <section className="relative flex flex-col flex-1">
               <JsonAsTab
                 storeKey={baseResult?.id!}