diff --git a/core/src/main/resources/hudson/PluginManager/_installed.js b/core/src/main/resources/hudson/PluginManager/_installed.js
index e3712b850818b..4b1018a24ce5b 100644
--- a/core/src/main/resources/hudson/PluginManager/_installed.js
+++ b/core/src/main/resources/hudson/PluginManager/_installed.js
@@ -36,9 +36,7 @@
   function updateMsg() {
     // has anything changed since its original state?
     let e = Array.from(
-      document
-        .getElementById("plugins")
-        .querySelectorAll("input[type='checkbox']"),
+      document.querySelectorAll("#plugins input[type='checkbox']"),
     ).find(function (e) {
       return String(e.checked) !== e.getAttribute("original");
     });
diff --git a/core/src/main/resources/hudson/PluginManager/installed.jelly b/core/src/main/resources/hudson/PluginManager/installed.jelly
index 9319b7acbe2e9..b312e0f680f16 100644
--- a/core/src/main/resources/hudson/PluginManager/installed.jelly
+++ b/core/src/main/resources/hudson/PluginManager/installed.jelly
@@ -36,13 +36,17 @@ THE SOFTWARE.
     <l:main-panel>
       <l:app-bar title="${%Plugins}" />
 
+      <j:set var="noPlugins"
+             value="${empty(app.pluginManager.plugins) and empty(app.pluginManager.failedPlugins)}" />
+
       <div class="jenkins-app-bar jenkins-app-bar--sticky">
         <div class="jenkins-app-bar__content">
           <l:search-bar clazz="jenkins-search--app-bar"
                         placeholder="${%Search installed plugins}"
                         id="filter-box"
                         autofocus="true"
-                        value="${request.getParameter('filter')}" />
+                        value="${request.getParameter('filter')}"
+                        enabled="${!noPlugins}" />
         </div>
       </div>
 
@@ -67,29 +71,20 @@ THE SOFTWARE.
                 data-detached-possible-dependents="${%detached-possible-dependents}"
                 data-uninstall-description="${%uninstall-description}" />
 
-      <table id="plugins" class="jenkins-table sortable">
-        <j:choose>
-          <j:when test="${empty(app.pluginManager.plugins) and empty(app.pluginManager.failedPlugins)}">
-            <thead>
-              <tr>
-                <th>${%Installed plugins}</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td align="center">${%No plugins installed.}</td>
-              </tr>
-            </tbody>
-          </j:when>
-          <j:otherwise>
+      <j:choose>
+        <j:when test="${noPlugins}">
+          <l:notice icon="symbol-plugins" text="${%No plugins installed}" />
+        </j:when>
+        <j:otherwise>
+          <table id="plugins" class="jenkins-table sortable">
             <thead>
-              <tr>
-                <th initialSortDir="down">${%Name}</th>
-                <th class="jenkins-table__cell--tight">${%Enabled}</th>
-                <l:isAdmin>
-                  <th data-sort-disable="true"/>
-                </l:isAdmin>
-              </tr>
+            <tr>
+              <th initialSortDir="down">${%Name}</th>
+              <th class="jenkins-table__cell--tight">${%Enabled}</th>
+              <l:isAdmin>
+                <th data-sort-disable="true"/>
+              </l:isAdmin>
+            </tr>
             </thead>
             <tbody>
               <j:forEach var="p" items="${app.pluginManager.plugins}">
@@ -274,9 +269,9 @@ THE SOFTWARE.
                 </tr>
               </j:forEach>
             </tbody>
-          </j:otherwise>
-        </j:choose>
-      </table>
+          </table>
+        </j:otherwise>
+      </j:choose>
 
       <div class="warning" id="needRestart" style="display:none; margin: 1em; height: 1em">
         <form method="post" action="${rootURL}/safeRestart">
diff --git a/core/src/main/resources/hudson/PluginManager/updates.jelly b/core/src/main/resources/hudson/PluginManager/updates.jelly
index 1cd688864eb25..6bf1982d89fe5 100644
--- a/core/src/main/resources/hudson/PluginManager/updates.jelly
+++ b/core/src/main/resources/hudson/PluginManager/updates.jelly
@@ -43,7 +43,8 @@ THE SOFTWARE.
                         placeholder="${%Search plugin updates}"
                         id="filter-box"
                         autofocus="true"
-                        value="${request.getParameter('filter')}" />
+                        value="${request.getParameter('filter')}"
+                        enabled="${!empty(list)}" />
         </div>
         <div class="jenkins-app-bar__controls">
           <l:isAdmin>
@@ -63,183 +64,177 @@ THE SOFTWARE.
       <form id="form" method="post" action="install">
         <j:set var="cache" value="${it.createCache()}"/>
 
-        <table id="plugins" class="jenkins-table sortable">
-          <thead>
-            <tr>
-              <l:isAdmin>
-                <th data-sort-disable="true">
-                  <l:rowSelectionController>
-                    <j:if test="${app.updateCenter.hasIncompatibleUpdates(cache)}">
-                      <button tooltip="${%CompatibleTooltip}" type="button" data-select="compatible" class="jenkins-button jenkins-button--tertiary">
-                        <div class="jenkins-table__checkbox-dropdown__icon">
-                          <l:icon src="symbol-compatible" />
-                        </div>
-                        ${%Compatible}
-                      </button>
-                    </j:if>
-                  </l:rowSelectionController>
-                </th>
-              </l:isAdmin>
-              <th initialSortDir="down">${%Name}</th>
-              <th>${%Released}</th>
-              <th>${%Installed}</th>
-            </tr>
-          </thead>
-          <j:choose>
-            <j:when test="${!empty(list)}">
-              <j:forEach var="p" items="${list}">
-                <j:set var="installJob" value="${app.updateCenter.getJob(p)}"/>
-                <j:set var="installedOk"
-                       value="${installJob.status.success and installJob.plugin.version==p.version}"/>
-                <tr
-                  class="${installJob!=null ? 'already-upgraded' : ''} plugin"
-                  name="${p.displayName}"
-                  data-plugin-id="${h.xmlEscape(p.name)}">
+        <j:choose>
+          <j:when test="${!empty(list)}">
+            <table id="plugins" class="jenkins-table sortable">
+              <thead>
+                <tr>
                   <l:isAdmin>
-                    <td class="jenkins-table__cell--checkbox">
-                      <span class="jenkins-checkbox">
-                        <input type="checkbox" name="plugin.${p.name}.${p.sourceId}"
-                               id="plugin.${p.name}.${p.sourceId}"
-                               checked="${installedOk ? 'checked' : null}"
-                               disabled="${installedOk ? 'disabled' : null}"
-                               data-compat-warning="${!p.isCompatible(cache)}"/>
-                        <label for="plugin.${p.name}.${p.sourceId}" />
-                      </span>
-                    </td>
+                    <th data-sort-disable="true">
+                      <l:rowSelectionController>
+                        <j:if test="${app.updateCenter.hasIncompatibleUpdates(cache)}">
+                          <button tooltip="${%CompatibleTooltip}" type="button" data-select="compatible" class="jenkins-button jenkins-button--tertiary">
+                            <div class="jenkins-table__checkbox-dropdown__icon">
+                              <l:icon src="symbol-compatible" />
+                            </div>
+                            ${%Compatible}
+                          </button>
+                        </j:if>
+                      </l:rowSelectionController>
+                    </th>
                   </l:isAdmin>
-                  <td class="details"
-                      data="${h.xmlEscape(p.displayName)}"
-                      data-id="${h.xmlEscape(p.name+':'+p.version)}">
-                    <div>
-                      <a href="${p.wiki}" class="jenkins-table__link" rel="noopener noreferrer" target="_blank">
-                        <st:out value="${p.displayName}"/>
-                        <span class="jenkins-label jenkins-label--tertiary" style="margin-left: 1ch;">
-                          <span class="jenkins-visually-hidden">${%Version}</span>
-                          ${p.version}
-                        </span>
-                      </a>
-                    </div>
-                    <j:if test="${!p.categories.isEmpty()}">
-                      <div class="app-plugin-manager__categories">
-                        <j:forEach var="label" items="${p.categories}">
-                          <j:if test="${!it.isMetaLabel(label)}">
-                            <a href="?filter=${app.updateCenter.getCategoryDisplayName(label)}"
-                               class="jenkins-table__link jenkins-table__badge">
-                              ${app.updateCenter.getCategoryDisplayName(label)}
-                            </a>
-                          </j:if>
-                        </j:forEach>
-                      </div>
-                    </j:if>
-                    <j:if test="${p.excerpt!=null}">
-                      <div>
-                        <j:out value="${p.excerpt}"/>
-                      </div>
-                    </j:if>
-                    <j:if test="${!p.isCompatibleWithInstalledVersion()}">
-                      <div class="alert alert-danger">${%compatWarning}
-                        <j:if test="${p.hasIncompatibleParentPlugins()}">
-                          <br/>${%parentCompatWarning}
-                          <ul>
-                            <j:forEach var="i" items="${p.getIncompatibleParentPlugins()}">
-                              <li>
-                                <a href="${i.wiki}">
-                                  <st:out
-                                    value="${i.displayName} (${i.installed.version})"/>
+                  <th initialSortDir="down">${%Name}</th>
+                  <th>${%Released}</th>
+                  <th>${%Installed}</th>
+                </tr>
+              </thead>
+                  <j:forEach var="p" items="${list}">
+                    <j:set var="installJob" value="${app.updateCenter.getJob(p)}"/>
+                    <j:set var="installedOk"
+                           value="${installJob.status.success and installJob.plugin.version==p.version}"/>
+                    <tr
+                      class="${installJob!=null ? 'already-upgraded' : ''} plugin"
+                      name="${p.displayName}"
+                      data-plugin-id="${h.xmlEscape(p.name)}">
+                      <l:isAdmin>
+                        <td class="jenkins-table__cell--checkbox">
+                          <span class="jenkins-checkbox">
+                            <input type="checkbox" name="plugin.${p.name}.${p.sourceId}"
+                                   id="plugin.${p.name}.${p.sourceId}"
+                                   checked="${installedOk ? 'checked' : null}"
+                                   disabled="${installedOk ? 'disabled' : null}"
+                                   data-compat-warning="${!p.isCompatible(cache)}"/>
+                            <label for="plugin.${p.name}.${p.sourceId}" />
+                          </span>
+                        </td>
+                      </l:isAdmin>
+                      <td class="details"
+                          data="${h.xmlEscape(p.displayName)}"
+                          data-id="${h.xmlEscape(p.name+':'+p.version)}">
+                        <div>
+                          <a href="${p.wiki}" class="jenkins-table__link" rel="noopener noreferrer" target="_blank">
+                            <st:out value="${p.displayName}"/>
+                            <span class="jenkins-label jenkins-label--tertiary" style="margin-left: 1ch;">
+                              <span class="jenkins-visually-hidden">${%Version}</span>
+                              ${p.version}
+                            </span>
+                          </a>
+                        </div>
+                        <j:if test="${!p.categories.isEmpty()}">
+                          <div class="app-plugin-manager__categories">
+                            <j:forEach var="label" items="${p.categories}">
+                              <j:if test="${!it.isMetaLabel(label)}">
+                                <a href="?filter=${app.updateCenter.getCategoryDisplayName(label)}"
+                                   class="jenkins-table__link jenkins-table__badge">
+                                  ${app.updateCenter.getCategoryDisplayName(label)}
                                 </a>
-                              </li>
+                              </j:if>
                             </j:forEach>
-                          </ul>
+                          </div>
                         </j:if>
-                      </div>
-                    </j:if>
-                    <j:if test="${p.isForNewerHudson()}">
-                      <div class="alert alert-danger">${%coreWarning(p.requiredCore)}</div>
-                    </j:if>
-                    <j:if test="${p.fixesSecurityVulnerabilities()}">
-                      <div class="alert alert-warning">
-                        ${%Applying this update will address security vulnerabilities in the currently installed version.}
-                      </div>
-                    </j:if>
-                    <j:if test="${!p.isNeededDependenciesCompatibleWithInstalledVersion(cache)}">
-                      <div class="alert alert-danger">${%depCompatWarning}
-                        <br/>${%parentDepCompatWarning}
-                        <ul>
-                          <j:forEach var="d"
-                                     items="${p.getDependenciesIncompatibleWithInstalledVersion(cache)}">
-                            <li>
-                              <a href="${d.wiki}">
-                                <st:out
-                                  value="${d.displayName} (${d.installed.version})"/>
-                              </a>
-                            </li>
-                          </j:forEach>
-                        </ul>
-                      </div>
-                    </j:if>
-                    <j:if test="${p.isNeededDependenciesForNewerJenkins(cache)}">
-                      <div class="alert alert-danger">
-                        ${%depCoreWarning(p.getNeededDependenciesRequiredCore().toString())}
-                      </div>
-                    </j:if>
-                    <j:if test="${p.hasWarnings()}">
-                      <div class="alert alert-danger">${%securityWarning}
-                        <ul>
-                          <j:forEach var="warning" items="${p.getWarnings()}">
-                            <li>
-                              <a href="${warning.url}" rel="noopener noreferrer"
-                                 target="_blank">${warning.message}
-                              </a>
-                            </li>
-                          </j:forEach>
-                        </ul>
-                      </div>
-                    </j:if>
-                    <j:if test="${p.isDeprecated()}">
-                      <div class="alert alert-warning">
-                        ${%deprecationWarning(p.getDeprecation().url)}
-                      </div>
-                    </j:if>
-                    <j:if test="${it.hasAdoptThisPluginLabel(p)}">
-                      <div class="alert alert-warning">
-                        ${%adoptThisPlugin}
-                      </div>
-                    </j:if>
-                  </td>
-                  <td data="${p.releaseTimestamp.time}" class="jenkins-table__cell--no-wrap">
-                    <j:if test="${p.releaseTimestamp != null}">
-                      <time datetime="${h.iso8601DateTime(p.releaseTimestamp)}"
-                            tooltip="${h.localDate(p.releaseTimestamp)}">
-                        ${%ago(h.getTimeSpanString(p.releaseTimestamp))}
-                      </time>
-                    </j:if>
-                  </td>
-                  <td>
-                    <j:choose>
-                      <j:when test="${p.installed.active}">
-                        <st:out value="${p.installed.version}"/>
-                      </j:when>
-                      <j:otherwise>
-                        <span title="${%Inactive}">
-                          (<st:out value="${p.installed.version}"/>)
-                        </span>
-                      </j:otherwise>
-                    </j:choose>
-                  </td>
-                </tr>
-              </j:forEach>
-            </j:when>
-            <j:otherwise>
-              <tr>
-                <td colspan="5" align="center">
-                  <div style="padding:1em">
-                    ${%No updates}
-                  </div>
-                </td>
-              </tr>
-            </j:otherwise>
-          </j:choose>
-        </table>
+                        <j:if test="${p.excerpt!=null}">
+                          <div>
+                            <j:out value="${p.excerpt}"/>
+                          </div>
+                        </j:if>
+                        <j:if test="${!p.isCompatibleWithInstalledVersion()}">
+                          <div class="alert alert-danger">${%compatWarning}
+                            <j:if test="${p.hasIncompatibleParentPlugins()}">
+                              <br/>${%parentCompatWarning}
+                              <ul>
+                                <j:forEach var="i" items="${p.getIncompatibleParentPlugins()}">
+                                  <li>
+                                    <a href="${i.wiki}">
+                                      <st:out
+                                        value="${i.displayName} (${i.installed.version})"/>
+                                    </a>
+                                  </li>
+                                </j:forEach>
+                              </ul>
+                            </j:if>
+                          </div>
+                        </j:if>
+                        <j:if test="${p.isForNewerHudson()}">
+                          <div class="alert alert-danger">${%coreWarning(p.requiredCore)}</div>
+                        </j:if>
+                        <j:if test="${p.fixesSecurityVulnerabilities()}">
+                          <div class="alert alert-warning">
+                            ${%Applying this update will address security vulnerabilities in the currently installed version.}
+                          </div>
+                        </j:if>
+                        <j:if test="${!p.isNeededDependenciesCompatibleWithInstalledVersion(cache)}">
+                          <div class="alert alert-danger">${%depCompatWarning}
+                            <br/>${%parentDepCompatWarning}
+                            <ul>
+                              <j:forEach var="d"
+                                         items="${p.getDependenciesIncompatibleWithInstalledVersion(cache)}">
+                                <li>
+                                  <a href="${d.wiki}">
+                                    <st:out
+                                      value="${d.displayName} (${d.installed.version})"/>
+                                  </a>
+                                </li>
+                              </j:forEach>
+                            </ul>
+                          </div>
+                        </j:if>
+                        <j:if test="${p.isNeededDependenciesForNewerJenkins(cache)}">
+                          <div class="alert alert-danger">
+                            ${%depCoreWarning(p.getNeededDependenciesRequiredCore().toString())}
+                          </div>
+                        </j:if>
+                        <j:if test="${p.hasWarnings()}">
+                          <div class="alert alert-danger">${%securityWarning}
+                            <ul>
+                              <j:forEach var="warning" items="${p.getWarnings()}">
+                                <li>
+                                  <a href="${warning.url}" rel="noopener noreferrer"
+                                     target="_blank">${warning.message}
+                                  </a>
+                                </li>
+                              </j:forEach>
+                            </ul>
+                          </div>
+                        </j:if>
+                        <j:if test="${p.isDeprecated()}">
+                          <div class="alert alert-warning">
+                            ${%deprecationWarning(p.getDeprecation().url)}
+                          </div>
+                        </j:if>
+                        <j:if test="${it.hasAdoptThisPluginLabel(p)}">
+                          <div class="alert alert-warning">
+                            ${%adoptThisPlugin}
+                          </div>
+                        </j:if>
+                      </td>
+                      <td data="${p.releaseTimestamp.time}" class="jenkins-table__cell--no-wrap">
+                        <j:if test="${p.releaseTimestamp != null}">
+                          <time datetime="${h.iso8601DateTime(p.releaseTimestamp)}"
+                                tooltip="${h.localDate(p.releaseTimestamp)}">
+                            ${%ago(h.getTimeSpanString(p.releaseTimestamp))}
+                          </time>
+                        </j:if>
+                      </td>
+                      <td>
+                        <j:choose>
+                          <j:when test="${p.installed.active}">
+                            <st:out value="${p.installed.version}"/>
+                          </j:when>
+                          <j:otherwise>
+                            <span title="${%Inactive}">
+                              (<st:out value="${p.installed.version}"/>)
+                            </span>
+                          </j:otherwise>
+                        </j:choose>
+                      </td>
+                    </tr>
+                  </j:forEach>
+            </table>
+          </j:when>
+          <j:otherwise>
+            <l:notice icon="symbol-up-to-date" text="${%No updates available}" />
+          </j:otherwise>
+        </j:choose>
         <d:invokeBody/>
       </form>
     </l:main-panel>
diff --git a/core/src/main/resources/jenkins/model/Jenkins/systemInfo.jelly b/core/src/main/resources/jenkins/model/Jenkins/systemInfo.jelly
index f9b6d5547b9e6..554215da00c3c 100644
--- a/core/src/main/resources/jenkins/model/Jenkins/systemInfo.jelly
+++ b/core/src/main/resources/jenkins/model/Jenkins/systemInfo.jelly
@@ -50,24 +50,21 @@ THE SOFTWARE.
       </l:hasPermission>
 
       <l:tabPane title="${%Plugins}">
-        <table class="jenkins-table sortable">
-          <thead>
-            <tr>
-              <th initialSortDir="down">${%Name}</th>
-              <th>${%Version}</th>
-              <th>${%Enabled}</th>
-            </tr>
-          </thead>
-          <tbody>
-            <j:choose>
-              <j:when test="${empty(app.pluginManager.plugins) and empty(app.pluginManager.failedPlugins)}">
+
+        <j:choose>
+          <j:when test="${empty(app.pluginManager.plugins) and empty(app.pluginManager.failedPlugins)}">
+            <l:notice icon="symbol-plugins" text="${%No plugins installed}" />
+          </j:when>
+          <j:otherwise>
+            <table class="jenkins-table sortable">
+              <thead>
                 <tr>
-                  <td colspan="3">
-                    ${%No plugins installed.}
-                  </td>
+                  <th initialSortDir="down">${%Name}</th>
+                  <th>${%Version}</th>
+                  <th>${%Enabled}</th>
                 </tr>
-              </j:when>
-              <j:otherwise>
+              </thead>
+              <tbody>
                 <j:forEach var="p" items="${app.pluginManager.plugins}">
                   <j:set var="state" value="${p.enabled?'true':'false'}"/>
                   <tr>
@@ -84,10 +81,10 @@ THE SOFTWARE.
                     </td>
                   </tr>
                 </j:forEach>
-              </j:otherwise>
-            </j:choose>
-          </tbody>
-        </table>
+              </tbody>
+            </table>
+          </j:otherwise>
+        </j:choose>
       </l:tabPane>
 
       <l:tabPane title="${%Memory Usage}">
diff --git a/core/src/main/resources/lib/layout/search-bar.jelly b/core/src/main/resources/lib/layout/search-bar.jelly
index ac66f88a20a9e..b86a15fef0d6c 100644
--- a/core/src/main/resources/lib/layout/search-bar.jelly
+++ b/core/src/main/resources/lib/layout/search-bar.jelly
@@ -33,13 +33,16 @@ THE SOFTWARE.
     <st:attribute name="hasKeyboardShortcut">
       If false the default keyboard shortcut for the input is disabled. Defaults to true.
     </st:attribute>
+    <st:attribute name="enabled" since="TODO">
+      Defaults to true. Sets whether the search bar is enabled or not.
+    </st:attribute>
     Creates a search input
 
     @since 2.369
   </st:documentation>
 
   <div class="jenkins-search-container">
-    <div class="jenkins-search ${attrs.clazz}">
+    <div class="jenkins-search ${attrs.enabled == false ? 'jenkins-search--disabled' : ''} ${attrs.clazz}">
       <div class="jenkins-search__icon">
         <l:icon src="symbol-search" />
       </div>
@@ -52,7 +55,8 @@ THE SOFTWARE.
              autocomplete="off"
              autocorrect="off"
              autocapitalize="off"
-             spellcheck="false" />
+             spellcheck="false"
+             disabled="${attrs.enabled == false ? true : null}" />
       <j:if test="${attrs.hasKeyboardShortcut != 'false'}">
         <div class="jenkins-search__shortcut" tooltip="${%Press / on your keyboard to focus}">
           <l:icon src="symbol-search-shortcut" />
diff --git a/war/src/main/resources/images/symbols/up-to-date.svg b/war/src/main/resources/images/symbols/up-to-date.svg
new file mode 100644
index 0000000000000..406ad9cb0b853
--- /dev/null
+++ b/war/src/main/resources/images/symbols/up-to-date.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M320 264l-89.6 112-38.4-44.88"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M80 176a16 16 0 00-16 16v216c0 30.24 25.76 56 56 56h272c30.24 0 56-24.51 56-54.75V192a16 16 0 00-16-16zM160 176v-32a96 96 0 0196-96h0a96 96 0 0196 96v32"/></svg>
diff --git a/war/src/main/scss/form/search-bar.scss b/war/src/main/scss/form/search-bar.scss
index 19b76ff6fed13..9fcc47b862c4b 100644
--- a/war/src/main/scss/form/search-bar.scss
+++ b/war/src/main/scss/form/search-bar.scss
@@ -58,24 +58,30 @@
       }
     }
 
-    &:hover {
-      background: var(--item-background--active);
-    }
+    &:not(:disabled) {
+      &:hover {
+        background: var(--item-background--active);
+      }
 
-    &:active,
-    &:focus {
-      outline: none;
-      background: var(--item-background--active);
-      box-shadow:
-        0 0 0 2px var(--focus-input-border),
-        0 0 0 7px var(--focus-input-glow);
-
-      &::-webkit-search-cancel-button {
-        opacity: 0.5;
-        pointer-events: all;
-        transform: scale(1);
+      &:active,
+      &:focus {
+        outline: none;
+        background: var(--item-background--active);
+        box-shadow:
+          0 0 0 2px var(--focus-input-border),
+          0 0 0 7px var(--focus-input-glow);
+
+        &::-webkit-search-cancel-button {
+          opacity: 0.5;
+          pointer-events: all;
+          transform: scale(1);
+        }
       }
     }
+
+    &:disabled {
+      cursor: not-allowed;
+    }
   }
 
   &__icon {
@@ -212,6 +218,15 @@
       pointer-events: none;
     }
   }
+
+  &--disabled {
+    color: var(--text-color-secondary);
+    opacity: 0.5;
+
+    .jenkins-search__shortcut {
+      display: none;
+    }
+  }
 }
 
 .jenkins-search__results-container {