diff --git a/src/pages/agents/AgentDesign.tsx b/src/pages/agents/AgentDesign.tsx
index ab5170c..7bb3ec3 100644
--- a/src/pages/agents/AgentDesign.tsx
+++ b/src/pages/agents/AgentDesign.tsx
@@ -31,12 +31,12 @@ export function AgentDesign() {
       <div className="w-full border border-l border-r border-gray-100" />
       
       {/* ✅ Main content */}
-      <div className="mx-auto max-w-7xl border-gray-100 ">
+      <div className="mx-auto max-w-7xl border-gray-100">
         <dl className="grid grid-cols-1 gap-4 lg:gap-6 lg:grid-cols-3 text-center ">
           {benefits.map((item) => (
             <div
               key={item.id}
-              className="flex flex-col items-center bg-white/40 dark:bg-black/40 py-10 px-4 border border-gray-100 dark:border-gray-800 lg:border-t-0 lg:border-b-0"
+              className="flex flex-col items-center bg-white dark:bg-black/40 py-10 px-4 border border-gray-100 dark:border-gray-800 lg:border-t-0 lg:border-b-0"
             >
               <item.icon className="h-10 w-10 text-cyan-500 mb-4" />
               <h3 className="text-base font-medium text-black dark:text-white max-w-xs">