diff --git a/webview-ui/src/components/welcome/WelcomeView.tsx b/webview-ui/src/components/welcome/WelcomeView.tsx
index 60d833a54f..92f2d90b96 100644
--- a/webview-ui/src/components/welcome/WelcomeView.tsx
+++ b/webview-ui/src/components/welcome/WelcomeView.tsx
@@ -38,15 +38,7 @@ const WelcomeView = () => {
 					<VSCodeButton onClick={handleSubmit} style={{ marginTop: "3px" }}>
 						Let's go!
 					</VSCodeButton>
-					{errorMessage && (
-						<span
-							style={{
-								color: "var(--vscode-errorForeground)",
-								fontSize: "12px",
-							}}>
-							{errorMessage}
-						</span>
-					)}
+					{errorMessage && <span className="text-destructive">{errorMessage}</span>}
 				</div>
 			</div>
 		</div>