diff --git a/src/renderer/components/Welcome.tsx b/src/renderer/components/Welcome.tsx
index fded8eceb3c7b127b7cb147a129c3235f7e90967..c1ef4004aae04a551302338889fa9daf4247cf36 100644
--- a/src/renderer/components/Welcome.tsx
+++ b/src/renderer/components/Welcome.tsx
@@ -35,8 +35,13 @@ export default function Welcome() {
         justifyContent: 'flex-end',
       }}
     >
+      <div>New Here?</div>
       <div
-        style={{ backgroundColor: 'rgba(255,255,255,0.8)', padding: '2rem' }}
+        style={{
+          backgroundColor: 'var(--joy-palette-background-surface)',
+          opacity: '0.8',
+          padding: '2rem',
+        }}
       >
         <Typography level="h1" color="neutral">
           <LogoComponent />
diff --git a/src/renderer/styles.css b/src/renderer/styles.css
index 8aa48dbba42d6f78f20f6b5dbc90aa793d74a2ce..94028aed7f012108486b919230028ba8d32ffe67 100644
--- a/src/renderer/styles.css
+++ b/src/renderer/styles.css
@@ -3,7 +3,7 @@ body {
 }
 
 a {
-  color: #363648;
+  color: var(--joy-palette-primary-400);
 }
 
 .showOnChatBubbleHover {