modified the _reboot-bootstrap-border-colors.scss so border-info will be applied.

src/client/js/components/Page/NotFoundAlert.jsx

@@ -12,7 +12,7 @@ const NotFoundAlert = (props) => {
   }
 
   return (
-    <div className="grw-not-found-alert m-4 p-3">
+    <div className="border border-info m-4 p-3">
       <div className="col-md-12 p-0">
         <h2 className="text-info lead">
           <i className="icon-info pr-2 font-weight-bold" aria-hidden="true"></i>

src/client/styles/scss/theme/_apply-colors.scss

@@ -512,11 +512,3 @@ mark.rbt-highlight-text {
 .grw-btn-page-management:focus {
   background-color: rgba($color-link, 0.15);
 }
-
-/*
-* Not Found Alert
-*/
-
-.grw-not-found-alert {
-  border: 1px solid $info;
-}

src/client/styles/scss/theme/_reboot-bootstrap-border-colors.scss

@@ -21,3 +21,7 @@
 .border-left {
   border-left: $border-width solid $border-color !important;
 }
+
+.border-info {
+  border-color: $info !important;
+}