diff --git a/content/en/docs/tasks/access-application-cluster/connecting-frontend-backend.md b/content/en/docs/tasks/access-application-cluster/connecting-frontend-backend.md
index f91ce1b72a9..c1e7b4a2ba0 100644
--- a/content/en/docs/tasks/access-application-cluster/connecting-frontend-backend.md
+++ b/content/en/docs/tasks/access-application-cluster/connecting-frontend-backend.md
@@ -148,11 +148,11 @@ deployment.apps/frontend created
 service/frontend created
 ```
 
-**Note**: The nginx configuration is baked into the
+{{< note >}}**Note:** The nginx configuration is baked into the
 [container image](/examples/service/access/Dockerfile).
 A better way to do this would be to use a
 [ConfigMap](/docs/tasks/configure-pod-container/configure-pod-configmap/), so
-that you can change the configuration more easily.
+you can change the configuration more easily.{{< /note >}}
 
 ### Interact with the frontend Service