diff --git a/src/pages/agents/animations/AgentCoordination.tsx b/src/pages/agents/animations/AgentCoordination.tsx
index b1df614..8a9a112 100644
--- a/src/pages/agents/animations/AgentCoordination.tsx
+++ b/src/pages/agents/animations/AgentCoordination.tsx
@@ -132,7 +132,7 @@ export default function AgentCoordination({
       aria-label="Agent coordination and sovereign workflow management"
       style={{ background: bg }}
     >
-      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full" preserveAspectRatio="xMidYMid slice">
+      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full -translate-y-6" preserveAspectRatio="xMidYMid slice">
 
         {/* background */}
         <defs>
diff --git a/src/pages/agents/animations/DeterministicExecution.tsx b/src/pages/agents/animations/DeterministicExecution.tsx
index a8b9da7..8c0bd5b 100644
--- a/src/pages/agents/animations/DeterministicExecution.tsx
+++ b/src/pages/agents/animations/DeterministicExecution.tsx
@@ -103,7 +103,7 @@ export default function DeterministicExecution({
       aria-label="Deterministic deployment and verifiable code execution"
       style={{ background: bg }}
     >
-      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full" preserveAspectRatio="xMidYMid slice">
+      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full -translate-y-6" preserveAspectRatio="xMidYMid slice">
 
         {/* background grid */}
         <defs>
diff --git a/src/pages/agents/animations/Fungistor.tsx b/src/pages/agents/animations/Fungistor.tsx
index 8703e79..ced9e75 100644
--- a/src/pages/agents/animations/Fungistor.tsx
+++ b/src/pages/agents/animations/Fungistor.tsx
@@ -126,7 +126,7 @@ export default function FungiStor({
       aria-label="FungiStor, a distributed long-term AI memory"
       style={{ background: bg }}
     >
-      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full" preserveAspectRatio="xMidYMid slice">
+      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full -translate-y-16" preserveAspectRatio="xMidYMid slice">
         {/* Background grid */}
         <defs>
           <pattern id="grid-dark" width="28" height="28" patternUnits="userSpaceOnUse">
diff --git a/src/pages/agents/animations/Herodb.tsx b/src/pages/agents/animations/Herodb.tsx
index 52fa170..245acdd 100644
--- a/src/pages/agents/animations/Herodb.tsx
+++ b/src/pages/agents/animations/Herodb.tsx
@@ -178,7 +178,7 @@ export default function Herodb({
       aria-label="HeroDB, active AI memory retrieval"
       style={{ background: bg }}
     >
-      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full" preserveAspectRatio="xMidYMid slice">
+      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full  -translate-y-18" preserveAspectRatio="xMidYMid slice">
         {/* Background grid */}
         <defs>
           <pattern id="grid-dark" width="28" height="28" patternUnits="userSpaceOnUse">
diff --git a/src/pages/agents/animations/MOSSandboxes.tsx b/src/pages/agents/animations/MOSSandboxes.tsx
index 1fe0bc2..b6f75f0 100644
--- a/src/pages/agents/animations/MOSSandboxes.tsx
+++ b/src/pages/agents/animations/MOSSandboxes.tsx
@@ -124,7 +124,7 @@ export default function MOSSandboxes({
       aria-label="MOS Secure Agent Sandboxes"
       style={{ background: bg }}
     >
-      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full" preserveAspectRatio="xMidYMid slice">
+      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full  -translate-y-16" preserveAspectRatio="xMidYMid slice">
         {/* BACKGROUND GRID */}
         <defs>
           <pattern id="grid-dark" width="28" height="28" patternUnits="userSpaceOnUse">
diff --git a/src/pages/agents/animations/MyceliumMesh.tsx b/src/pages/agents/animations/MyceliumMesh.tsx
index d2854c6..d78b9a9 100644
--- a/src/pages/agents/animations/MyceliumMesh.tsx
+++ b/src/pages/agents/animations/MyceliumMesh.tsx
@@ -145,7 +145,7 @@ export default function MyceliumMesh({
       aria-label="Mycelium Mesh, a secure communication network"
       style={{ background: bg }}
     >
-      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full" preserveAspectRatio="xMidYMid slice">
+      <svg viewBox={`0 0 ${W} ${H}`} className="w-full h-full -translate-y-4" preserveAspectRatio="xMidYMid slice">
         {/* Background grid */}
         <defs>
           <pattern id="grid-dark" width="28" height="28" patternUnits="userSpaceOnUse">