diff --git a/sandbox/native-web/css/app.css b/sandbox/native-web/css/app.css
index b6b510400..cd55f6c61 100644
--- a/sandbox/native-web/css/app.css
+++ b/sandbox/native-web/css/app.css
@@ -15,6 +15,12 @@
   transition-timing-function: cubic-bezier(0.3, 0, 0.8, 0.15); */
 }
 
+:focus-visible {
+  outline: var(--hpe-focus-indicator-outline);
+  outline-offset: var(--hpe-focus-indicator-outline-offset);
+  box-shadow: var(--hpe-focus-indicator-box-shadow);
+}
+
 body {
   margin: 0;
   min-height: 100vh;