diff --git a/web/tailwind-common-config.ts b/web/tailwind-common-config.ts
index 35fd22e0a4..c1ec16a6a1 100644
--- a/web/tailwind-common-config.ts
+++ b/web/tailwind-common-config.ts
@@ -87,6 +87,7 @@ const config = {
         'chatbot-bg': 'var(--color-chatbot-bg)',
         'chat-bubble-bg': 'var(--color-chat-bubble-bg)',
         'workflow-process-bg': 'var(--color-workflow-process-bg)',
+        'marketplace-divider-bg': 'var(--color-marketplace-divider-bg)',
       },
       animation: {
         'spin-slow': 'spin 2s linear infinite',
diff --git a/web/themes/dark.css b/web/themes/dark.css
index 6b69342730..08994039eb 100644
--- a/web/themes/dark.css
+++ b/web/themes/dark.css
@@ -694,4 +694,5 @@ html[data-theme="dark"] {
   --color-third-party-model-bg-anthropic: #1D1917;
   --color-third-party-model-bg-default: #0B0B0E;
   --color-workflow-process-bg: linear-gradient(90deg, rgba(24, 24, 27, 0.25) 0%, rgba(24, 24, 27, 0.04) 100%);
+  --color-marketplace-divider-bg: linear-gradient(90deg, rgba(200, 206, 218, 0.14) 0%, rgba(0, 0, 0, 0) 100%);
 }
\ No newline at end of file
diff --git a/web/themes/light.css b/web/themes/light.css
index 0d73875c29..ed563ad594 100644
--- a/web/themes/light.css
+++ b/web/themes/light.css
@@ -694,4 +694,5 @@ html[data-theme="light"] {
   --color-third-party-model-bg-anthropic: #EEEDE7;
   --color-third-party-model-bg-default: #F9FAFB;
   --color-workflow-process-bg: linear-gradient(90deg, rgba(200, 206, 218, 0.20) 0%, rgba(200, 206, 218, 0.04) 100%);
+  --color-marketplace-divider-bg: linear-gradient(90deg, rgba(16, 24, 40, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
 }
\ No newline at end of file