diff --git a/src/routes/generative-ai/+page.svelte b/src/routes/generative-ai/+page.svelte
index ea98fffdc2a3d..9ff8b6d3e1c1d 100644
--- a/src/routes/generative-ai/+page.svelte
+++ b/src/routes/generative-ai/+page.svelte
@@ -28,12 +28,12 @@
 				<div class="card-actions">
 					<a
 						href="https://onnxruntime.ai/docs/tutorials/csharp/stable-diffusion-csharp.html"
-						class="btn-primary btn hidden xl:inline-flex"
+						class="btn-primary btn hidden lg:inline-flex"
 						>Learn how to inference Stable Diffusion with C# and ONNX Runtime →</a
 					>
 					<a
 						href="https://onnxruntime.ai/docs/tutorials/csharp/stable-diffusion-csharp.html"
-						class="btn-primary btn xl:hidden">Inference Stable Diffusion →</a
+						class="btn-primary btn lg:hidden">Inference Stable Diffusion →</a
 					>
 				</div>
 			</div>
@@ -46,12 +46,12 @@
 				<div class="card-actions">
 					<a
 						href="https://medium.com/microsoftazure/accelerating-stable-diffusion-inference-with-onnx-runtime-203bd7728540"
-						class="btn btn-primary hidden xl:inline-flex"
+						class="btn btn-primary hidden lg:inline-flex"
 						>Learn how to accelerate Stable Diffusion with ONNX Runtime →</a
 					>
 					<a
 						href="https://medium.com/microsoftazure/accelerating-stable-diffusion-inference-with-onnx-runtime-203bd7728540"
-						class="btn btn-primary xl:hidden">Accelerate Stable Diffusion →</a
+						class="btn btn-primary lg:hidden">Accelerate Stable Diffusion →</a
 					>
 				</div>
 			</div>