diff --git a/src/pages/compute/ComputeUseCases.tsx b/src/pages/compute/ComputeUseCases.tsx
index c50aaf7..388d643 100644
--- a/src/pages/compute/ComputeUseCases.tsx
+++ b/src/pages/compute/ComputeUseCases.tsx
@@ -67,9 +67,9 @@ export function ComputeUseCases() {
   const current = tabs.find((t) => t.id === active)!;
 
   return (
-    <section className="relative w-full bg-[#171717] overflow-hidden">
+    <section className="relative w-full bg-[#121212] overflow-hidden">
        {/* ✅ Top horizontal line with spacing */}
-      <div className="max-w-7xl bg-[#111111] mx-auto py-6 border border-t-0 border-b-0 border-gray-800"></div>
+      <div className="max-w-7xl bg-[#121212] mx-auto py-6 border border-t-0 border-b-0 border-gray-800"></div>
       <div className="w-full border-t border-l border-r border-gray-800" />
 
       <div className="max-w-7xl mx-auto px-6 lg:px-8 py-12 border border-t-0 border-b-0 border-gray-800 bg-[#111111] overflow-hidden">