diff --git a/datacenter/app/page.tsx b/datacenter/app/page.tsx
index b23ebde43..f66af26c4 100644
--- a/datacenter/app/page.tsx
+++ b/datacenter/app/page.tsx
@@ -61,6 +61,9 @@ export default function Home() {
                   size="md"
                   variant="solid"
                   className='text-base rounded-none	'
+                  style={{
+                    boxShadow: '0px 8px 10px 0px rgb(31 31 31 / 50%)'
+                  }}
                   onClick={async () => {
                     const res = await sendPostRequest('/v1/chat/dialogue/new', {
                       chat_mode: scene['chat_scene']
diff --git a/datacenter/defaultTheme.ts b/datacenter/defaultTheme.ts
index 0ec16314d..89143c7d1 100644
--- a/datacenter/defaultTheme.ts
+++ b/datacenter/defaultTheme.ts
@@ -8,7 +8,7 @@ export const joyTheme = extendTheme({
         mode: 'dark',
         primary: {
           ...colors.grey,
-          solidBg: '#dfdfdf91',
+          solidBg: '#9a9a9a91',
           solidColor: '#4e4e4e',
           solidHoverBg: '#d5d5d5',
           outlinedColor: '#4e4e59'