diff --git a/lib/components/hero-button.html b/lib/components/hero-button.html
index 36f23a33..83fe2111 100644
--- a/lib/components/hero-button.html
+++ b/lib/components/hero-button.html
@@ -17,6 +17,15 @@
 
         position: relative;
       }
+
+      /*
+       * Remove blue/orange outline
+       * !important is needed here for some reason
+       * despite the rule having top precedence.
+       */
+      :host ::content button.btn:focus {
+        outline: none !important;
+      }
     </style>
 
     <button type="button" class="btn" disabled="{{disabled}}">