--- a/devtools/client/themes/webconsole.css
+++ b/devtools/client/themes/webconsole.css
@@ -212,20 +212,16 @@ a {
 }
 
 /* Network styles */
 .webconsole-filter-button[category="net"] > .toolbarbutton-menubutton-button:before {
   background-image: linear-gradient(#444444, #000000);
   border-color: #777;
 }
 
-.message:hover {
-  background-color: var(--theme-selection-background-semitransparent) !important;
-}
-
 .theme-light .message[severity=error],
 .theme-light .message.error {
   background-color: rgba(255, 150, 150, 0.3);
 }
 
 .theme-dark .message[severity=error],
 .theme-dark .message.error {
   background-color: rgba(235, 83, 104, 0.17);
@@ -753,16 +749,25 @@ a.learn-more-link.webconsole-learn-more-
 .devtools-toolbar.webconsole-filterbar-secondary {
   height: initial;
 }
 
 .webconsole-filterbar-primary .devtools-plaininput {
   flex: 1 1 100%;
 }
 
+.webconsole-output-wrapper .message {
+  --border-size: 3px;
+  border-inline-start: var(--border-size) solid transparent;
+}
+
+.webconsole-output-wrapper .message:hover {
+  border-inline-start-color: #0a84ff; /* Photon Design System Blue 50 */
+}
+
 .webconsole-output-wrapper .message-flex-body > .message-body {
   display: flex;
   flex-wrap: wrap;
   max-width: 100%;
 }
 
 .webconsole-output-wrapper .message-body > * {
   flex-shrink: 0;