diff --git a/frontend/src/app/settings/page.tsx b/frontend/src/app/settings/page.tsx
index a6e22ffd..a4101535 100644
--- a/frontend/src/app/settings/page.tsx
+++ b/frontend/src/app/settings/page.tsx
@@ -633,30 +633,54 @@ function KnowledgeSourcesPage() {
 				</div>
 
 				{/* Conditional Sync Settings or No-Auth Message */}
-				{
-					isNoAuthMode ? (
-						<Card className="border-yellow-500/50 bg-yellow-500/5">
-							<CardHeader>
-								<CardTitle className="text-lg text-yellow-600">
-									Cloud connectors are only available with auth mode enabled
-								</CardTitle>
-								<CardDescription className="text-sm">
-									Please provide the following environment variables and
-									restart:
-								</CardDescription>
-							</CardHeader>
-							<CardContent>
-								<div className="bg-muted rounded-md p-4 font-mono text-sm">
-									<div className="text-muted-foreground mb-2">
-										# make here
-										https://console.cloud.google.com/apis/credentials
-									</div>
-									<div>GOOGLE_OAUTH_CLIENT_ID=</div>
-									<div>GOOGLE_OAUTH_CLIENT_SECRET=</div>
-								</div>
-							</CardContent>
-						</Card>
-					) : null
+        {
+          isNoAuthMode ? (
+            <Card className="border-yellow-500">
+              <CardHeader>
+                <CardTitle className="text-lg">
+                  Cloud connectors require authentication
+                </CardTitle>
+                <CardDescription className="text-sm">
+                  Add the Google OAuth variables below to your <code>.env</code>{" "}
+                  then restart the OpenRAG containers.
+                </CardDescription>
+              </CardHeader>
+              <CardContent>
+                <div className="bg-muted rounded-md p-4 font-mono text-sm">
+                  <div className="text-muted-foreground">
+                    <div>
+                      <span className="mr-3 text-placeholder-foreground">
+                        27
+                      </span>
+                      <span># Google OAuth</span>
+                    </div>
+                    <div>
+                      <span className="mr-3 text-placeholder-foreground">
+                        28
+                      </span>
+                      <span># Create credentials here:</span>
+                    </div>
+                    <div>
+                      <span className="mr-3 text-placeholder-foreground">
+                        29
+                      </span>
+                      <span>
+                        # https://console.cloud.google.com/apis/credentials
+                      </span>
+                    </div>
+                  </div>
+                  <div>
+                    <span className="mr-3 text-placeholder-foreground">30</span>
+                    <span>GOOGLE_OAUTH_CLIENT_ID=</span>
+                  </div>
+                  <div>
+                    <span className="mr-3 text-placeholder-foreground">31</span>
+                    <span>GOOGLE_OAUTH_CLIENT_SECRET=</span>
+                  </div>
+                </div>
+              </CardContent>
+            </Card>
+          ) : null
 					// <div className="flex items-center justify-between py-4">
 					//   <div>
 					//     <h3 className="text-lg font-medium">Sync Settings</h3>