diff --git a/ui/src/Components/MainModal/index.js b/ui/src/Components/MainModal/index.js
index bba66f8c2..42e72068e 100644
--- a/ui/src/Components/MainModal/index.js
+++ b/ui/src/Components/MainModal/index.js
@@ -45,7 +45,11 @@ const MainModal = observer(
 
       return (
         <React.Fragment>
-          <li className="nav-item">
+          <li
+            className={`nav-item ${
+              this.toggle.show ? "border-bottom border-info" : ""
+            }`}
+          >
             <TooltipWrapper title="Settings">
               <span
                 className="nav-link cursor-pointer"
diff --git a/ui/src/Components/SilenceModal/index.js b/ui/src/Components/SilenceModal/index.js
index 52e0ea155..dee80eaf5 100644
--- a/ui/src/Components/SilenceModal/index.js
+++ b/ui/src/Components/SilenceModal/index.js
@@ -35,7 +35,11 @@ const SilenceModal = observer(
 
       return (
         <React.Fragment>
-          <li className="nav-item">
+          <li
+            className={`nav-item ${
+              silenceFormStore.toggle.visible ? "border-bottom border-info" : ""
+            }`}
+          >
             <TooltipWrapper title="Add new silence">
               <span
                 className="nav-link cursor-pointer"