diff --git a/webroot/css/themes/theme-darkly.css b/webroot/css/themes/theme-darkly.css
index 9d21c6d..db7749b 100644
--- a/webroot/css/themes/theme-darkly.css
+++ b/webroot/css/themes/theme-darkly.css
@@ -411,6 +411,9 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
   background-color: #595f64;
   color: #fff; }
 
+.sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child::after {
+  background-color: var(--cerebrate-color); }
+
 .sidebar ul.sidebar-elements li > a.sidebar-link:hover {
   background-color: #60676c;
   color: #fff; }
diff --git a/webroot/css/themes/theme-default.css b/webroot/css/themes/theme-default.css
index 5847c4d..921e63b 100644
--- a/webroot/css/themes/theme-default.css
+++ b/webroot/css/themes/theme-default.css
@@ -411,6 +411,9 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
   background-color: #dbdbdb;
   color: #000; }
 
+.sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child::after {
+  background-color: var(--cerebrate-color); }
+
 .sidebar ul.sidebar-elements li > a.sidebar-link:hover {
   background-color: #ebebeb;
   color: #000; }
diff --git a/webroot/css/themes/theme-flatly.css b/webroot/css/themes/theme-flatly.css
index 693cacb..0a602ec 100644
--- a/webroot/css/themes/theme-flatly.css
+++ b/webroot/css/themes/theme-flatly.css
@@ -411,6 +411,9 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
   background-color: #dbdbdb;
   color: #18bc9c; }
 
+.sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child::after {
+  background-color: #18bc9c; }
+
 .sidebar ul.sidebar-elements li > a.sidebar-link:hover {
   background-color: #ebebeb;
   color: #18bc9c; }
diff --git a/webroot/css/themes/theme-minty.css b/webroot/css/themes/theme-minty.css
index e12d74d..91ed043 100644
--- a/webroot/css/themes/theme-minty.css
+++ b/webroot/css/themes/theme-minty.css
@@ -411,6 +411,9 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
   background-color: #dbdbdb;
   color: #18bc9c; }
 
+.sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child::after {
+  background-color: #18bc9c; }
+
 .sidebar ul.sidebar-elements li > a.sidebar-link:hover {
   background-color: #ebebeb;
   color: #18bc9c; }
diff --git a/webroot/css/themes/theme-quartz.css b/webroot/css/themes/theme-quartz.css
index 0dea675..1264dc7 100644
--- a/webroot/css/themes/theme-quartz.css
+++ b/webroot/css/themes/theme-quartz.css
@@ -403,6 +403,9 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
   background-color: #fff;
   color: #343a40; }
 
+.sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child::after {
+  background-color: #e83283; }
+
 .sidebar ul.sidebar-elements li > a.sidebar-link:hover {
   background-color: #fff;
   color: #343a40; }
diff --git a/webroot/css/themes/theme-slate.css b/webroot/css/themes/theme-slate.css
index 52a92e9..dc24b0a 100644
--- a/webroot/css/themes/theme-slate.css
+++ b/webroot/css/themes/theme-slate.css
@@ -407,6 +407,9 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
   background-color: #595f64;
   color: #fff; }
 
+.sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child::after {
+  background-color: var(--cerebrate-color); }
+
 .sidebar ul.sidebar-elements li > a.sidebar-link:hover {
   background-color: #60676c;
   color: #fff; }
diff --git a/webroot/css/themes/theme-vapor.css b/webroot/css/themes/theme-vapor.css
index 5ce1483..a9d64aa 100644
--- a/webroot/css/themes/theme-vapor.css
+++ b/webroot/css/themes/theme-vapor.css
@@ -403,6 +403,9 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
   background-color: #343a40;
   color: #3cf281; }
 
+.sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child::after {
+  background-color: #6f42c1; }
+
 .sidebar ul.sidebar-elements li > a.sidebar-link:hover {
   background-color: #495057;
   color: #3cf281; }
diff --git a/webroot/theme/scss/theme-default.scss b/webroot/theme/scss/theme-default.scss
index aed0484..dc58b3d 100644
--- a/webroot/theme/scss/theme-default.scss
+++ b/webroot/theme/scss/theme-default.scss
@@ -132,6 +132,9 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
     background-color: $sidebarActiveBgColor;
     color: $sidebarActiveColor;
 }
+.sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child::after {
+    background-color: $activeSidebarLinkColor;
+}
 
 .sidebar ul.sidebar-elements li > a.sidebar-link:hover {
     background-color: $sidebarHoverColor;