diff --git a/app/resources/locales/en_US/operation.po b/app/resources/locales/en_US/operation.po
index 29198eb27..56341ea64 100644
--- a/app/resources/locales/en_US/operation.po
+++ b/app/resources/locales/en_US/operation.po
@@ -117,6 +117,9 @@ msgstr "Save"
 msgid "search"
 msgstr "Search"
 
+msgid "search.global"
+msgstr "Global Search"
+
 msgid "skip_to_content"
 msgstr "Skip to main content"
 
diff --git a/app/resources/locales/en_US/result.po b/app/resources/locales/en_US/result.po
index 5399338f8..c928acd01 100644
--- a/app/resources/locales/en_US/result.po
+++ b/app/resources/locales/en_US/result.po
@@ -87,11 +87,20 @@ msgstr "Search limit reached"
 msgid "search.none"
 msgstr "No results found"
 
+msgid "search.result.found"
+msgstr "Found"
+
+msgid "search.result.found.modelCount"
+msgstr "{0} {1}"
+
 msgid "search.result.id"
-msgstr "({0})"
+msgstr "ID {0}"
 
 msgid "search.result.related"
-msgstr "({0}, {1}: {2})"
+msgstr "{0}: {1}, ID {2}"
 
 msgid "search.results"
-msgstr "Search Results"
\ No newline at end of file
+msgstr "Search Results"
+
+msgid "search.retry"
+msgstr "Please select an option from a menu, or try your search again."
\ No newline at end of file
diff --git a/app/src/Controller/DashboardsController.php b/app/src/Controller/DashboardsController.php
index 93b2bb27c..36c015613 100644
--- a/app/src/Controller/DashboardsController.php
+++ b/app/src/Controller/DashboardsController.php
@@ -195,12 +195,21 @@ public function search() {
 
     // XXX Still need to implement this (see also CFM-126)
     $roles = [];
-
-    if(!empty($this->request->getData('q'))
-       // Only process the request if there are non-space characters
-       && !ctype_space($this->request->getData('q'))) {
-      // Trim leading and trailing whitespace
+    
+    // Gather our search string.
+    $q = '';
+    if(!empty($this->request->getData('global-search-q'))) {
+      // A search was passed in from the global search-bar.
+      $q = trim($this->request->getData('global-search-q'));
+      // Now pass the search string to the in-page search form and empty the global search bar.
+      $this->setRequest($this->getRequest()->withData('global-search-q', '')->withData('q', $q));
+    } elseif(!empty($this->request->getData('q'))) {
+      // A search was passed in from the form on the Global Search page. 
       $q = trim($this->request->getData('q'));
+    }
+  
+    // Only process the request if we have a string of non-space characters
+    if(!empty($q)) {
 
       // Pull our search configuration
       $CoSettings = TableRegistry::getTableLocator()->get('CoSettings');
diff --git a/app/templates/Dashboards/search.php b/app/templates/Dashboards/search.php
index 5428514ab..42050bd1f 100644
--- a/app/templates/Dashboards/search.php
+++ b/app/templates/Dashboards/search.php
@@ -25,47 +25,178 @@
  * @license       Apache License, Version 2.0 (http://www.apache.org/licenses/LICENSE-2.0)
  */
 
-// Start with the Primary Registry objects
-foreach(['People', 'Groups'] as $pm) {
-  if(!empty($vv_results[$pm])) {
-    print "<h2>" . __d('controller', $pm, 2) . "</h2>\n";
-    print "<ul>\n";
+  $options = [
+    'type' => 'post',
+    'url' => [
+      'plugin'      => null,
+      'controller'  => 'dashboards',
+      'action'      => 'search'
+    ],
+    'id' => 'search'
+  ];
 
-    foreach($vv_results[$pm] as $pkey => $matches) {
-      $url = [
-        'controller'  => \Cake\Utility\Inflector::dasherize($pm),
-        'action'      => 'edit',
-        $pkey
-      ];
+  $noResults = true;
+?>
 
-      // The same entity can match on more than one searchable model
+<div class="pageTitleContainer">
+  <div class="pageTitle">
+    <h1><?= __d('operation','search.global'); ?></h1>
+  </div>
+</div>
 
-      foreach($matches as $m => $entity) {
-        $displayField = $vv_supported_models[$m]['displayField'];
-        $displayLabel = __d('field', $displayField);
-        $displayString = $entity->$displayField;
+<div id="search-container" aria-labelledby="global-search-toggle">
+  <?php
+    print $this->Form->create(null, $options);
+    print $this->Form->hidden('co_id', ['default' => $vv_cur_co->id]);
+  ?>
+  <div class="input-group">
+  <?php
+    print $this->Form->label(
+      'q', 
+      __d('operation','search'),
+      [
+        'class' => 'visually-hidden'
+      ]
+    );
+    print $this->Form->input(
+      'q', 
+      [
+        'id' => 'q',
+        'class' => 'form-control',
+        'placeholder' => __d('field','search.placeholder')
+      ]
+    );
+    print $this->Form->button(
+      '<span class="material-icons-outlined">close</span>',
+      ['type' => 'button', 'escapeTitle' => false, 'id' => 'search-clear', 'class' => 'btn btn-link']
+    );
+    print $this->Form->button(
+      __d('operation','search'),
+      ['type' => 'submit', 'escapeTitle' => false, 'class' => 'btn btn-primary btn-sm']
+    );
+    ?>
+  </div>
+  <?php
+    print $this->Form->end();
+  ?>
 
-        // If we match on a related model (for example PersonRoles for People)
-        // indicate what actually matched
-        $matchInfo = __d('result', 'search.result.id', $pkey);
+  <?php /* keep the following temporarily:
+  <div id="global-search-type">
+    <div class="form-check form-check-inline">
+      <input class="form-check-input" type="radio" id="gs-type-basic" name="gs-type">
+      <label class="form-check-label" for="gs-type-basic">
+        basic
+      </label>
+    </div>
+    <div class="form-check form-check-inline">
+      <input class="form-check-input" type="radio" id="gs-type-advanced" name="gs-type">
+      <label class="form-check-label" for="gs-type-advanced">
+        advanced
+      </label>
+    </div>
+  </div> */ ?>
+</div>
+  
+<h2><?= $vv_title; ?></h2>
 
-        // Do we have a more informative string to render?
-        if(!empty($entity->person->primary_name->full_name)) {
-          $displayString = $entity->person->primary_name->full_name;
+<!-- Flash Messages and defined Info Banners -->
+<div class="alert-container" id="flash-messages">
+  <?= $this->Flash->render() ?>
 
-          $matchInfo = __d('result', 'search.result.related', $pkey, $displayLabel, $entity->$displayField);
-        } elseif(!empty($entity->group->name)) {
-          $displayString = $entity->group->name;
+  <?php if(!empty($indexBanners)): ?>
+    <?php foreach($indexBanners as $b): ?>
+      <?=  $this->Alert->alert($b, 'warning') ?>
+    <?php endforeach; // $indexBanners ?>
+  <?php endif; // $indexBanners ?>
 
-          $matchInfo = __d('result', 'search.result.related', $pkey, $displayLabel, $displayString);
-        }
+  <?php if(!empty($banners)): ?>
+    <?php foreach($banners as $b): ?>
+      <?=  $this->Alert->alert($b, 'warning') ?>
+    <?php endforeach; // $banners ?>
+  <?php endif; // $banners ?>
+</div>
 
-        // XXX This construction isn't ideal, but presumably will get rewritten when the
-        // design of this page is redone
-        print "<li>" . $this->Html->link($displayString, $url) . " " . filter_var($matchInfo, FILTER_SANITIZE_SPECIAL_CHARS). "</li>\n";
-      }
-    }
+<?php
+  $peopleResultsCount = count($vv_results['People']);
+  $groupsResultsCount = count($vv_results['Groups']);
+?>  
+<?php if($peopleResultsCount || $groupsResultsCount): ?>
+  <?php $noResults = false; ?>
+  <ul id="search-results-meta">
+    <li class="search-results-found"><?= __d('result', 'search.result.found') ?></li>
+    <?php if($peopleResultsCount): ?>
+     <li>
+       <?= __d('result','search.result.found.modelCount', [$peopleResultsCount, __d('controller', "People", [$peopleResultsCount])]); ?>
+     </li>
+    <?php endif; ?>
+    <?php if($groupsResultsCount): ?>
+      <li>
+        <?= __d('result','search.result.found.modelCount', [$groupsResultsCount, __d('controller', "Groups", [$groupsResultsCount])]); ?>
+      </li>
+    <?php endif; ?>
+  </ul>
+<?php endif; ?>
+  
+<div id="search-results">
+<!-- Start with the Primary Registry objects -->
+<?php foreach(['People', 'Groups'] as $pm): ?>
+  <?php if(!empty($vv_results[$pm])): ?>
+    <div class="search-results-group-container">
+      <h3><?= __d('controller', $pm, 2); ?></h3>
+      <ul class="search-results-group">
+    
+        <?php foreach($vv_results[$pm] as $pkey => $matches): ?>
+          <?php  
+            $url = [
+              'controller'  => \Cake\Utility\Inflector::dasherize($pm),
+              'action'      => 'edit',
+              $pkey
+            ];
+            // The same entity can match on more than one searchable model
+          ?>
+            
+          <?php foreach($matches as $m => $entity): ?>
+            <?php 
+              $displayField = $vv_supported_models[$m]['displayField'];
+              $displayLabel = __d('field', $displayField);
+              $displayString = $entity->$displayField;
+      
+              // If we match on a related model (for example PersonRoles for People)
+              // indicate what actually matched
+              $matchInfo = __d('result', 'search.result.id', $pkey);
+      
+              // Do we have a more informative string to render?
+              if(!empty($entity->person->primary_name->full_name)) {
+                $displayString = $entity->person->primary_name->full_name;
+      
+                $matchInfo = __d('result', 'search.result.related', $displayLabel, $entity->$displayField, $pkey);
+              } elseif(!empty($entity->group->name)) {
+                $displayString = $entity->group->name;
+      
+                $matchInfo = __d('result', 'search.result.related', $displayLabel, $displayString, $pkey);
+              }
+            ?>
+            <li class="search-result">
+              <a href="<?= $this->Url->build($url) ?>">
+                <div class="search-result-name">
+                  <?= $displayString ?>
+                </div>
+                <div class="search-result-match-info">
+                  <?= filter_var($matchInfo, FILTER_SANITIZE_SPECIAL_CHARS) ?>
+                </div>
+              </a>
+            </li>
+          <?php endforeach; ?>  
+        <?php endforeach; ?>
+      </ul>
+    </div>
+  <?php endif; ?> 
+<?php endforeach; ?>
 
-    print "</ul>\n";
-  }
-}
+<?php if($noResults): ?>
+  <p>
+    <?= __d('result','search.retry'); ?>
+  </p>
+<?php endif; ?>
+  
+</div>
diff --git a/app/templates/element/flash/default.php b/app/templates/element/flash/default.php
index b395c63de..5c05e86a8 100644
--- a/app/templates/element/flash/default.php
+++ b/app/templates/element/flash/default.php
@@ -10,6 +10,6 @@
 ?>
 
 <?php if(!empty($message)): ?>
-  <?= $this->Alert->alert(h($message), 'warning', true, __d('information','flash.default')) ?>
+  <?= $this->Alert->alert($message, 'warning', true, __d('information','flash.default')) ?>
 <?php endif; ?>
 
diff --git a/app/templates/element/flash/error.php b/app/templates/element/flash/error.php
index 2188d8162..04fd0e19a 100644
--- a/app/templates/element/flash/error.php
+++ b/app/templates/element/flash/error.php
@@ -8,5 +8,5 @@
 */ ?>
 
 <?php if(!empty($message)): ?>
-  <?= $this->Alert->alert(h($message), 'danger', true, __d('information','flash.error')) ?>
+  <?= $this->Alert->alert($message, 'danger', true, __d('information','flash.error')) ?>
 <?php endif; ?>
diff --git a/app/templates/element/flash/information.php b/app/templates/element/flash/information.php
index 7211ef457..1df1a9641 100644
--- a/app/templates/element/flash/information.php
+++ b/app/templates/element/flash/information.php
@@ -5,5 +5,7 @@
 ?>
 
 <?php if(!empty($message)): ?>
-  <?= $this->Alert->alert(h($message), 'information', true, __d('information','flash.information')) ?>
+  <?php /* Note: unlike Notice, Error, and Success messages, Information messages require 
+           no prefix. That is, we don't include "Information: " in front of the message. */ ?> 
+  <?= $this->Alert->alert($message, 'information', true) ?>
 <?php endif; ?>
\ No newline at end of file
diff --git a/app/templates/element/flash/success.php b/app/templates/element/flash/success.php
index f4c80a68e..f71124cfa 100644
--- a/app/templates/element/flash/success.php
+++ b/app/templates/element/flash/success.php
@@ -5,5 +5,5 @@
 ?>
 
 <?php if(!empty($message)): ?>
-  <?= $this->Alert->alert(h($message), 'success', true, __d('information','flash.success')) ?>
+  <?= $this->Alert->alert($message, 'success', true, __d('information','flash.success')) ?>
 <?php endif; ?>
\ No newline at end of file
diff --git a/app/templates/element/javascript.php b/app/templates/element/javascript.php
index 6ad827fd5..3d7d50d9b 100644
--- a/app/templates/element/javascript.php
+++ b/app/templates/element/javascript.php
@@ -51,9 +51,32 @@
     
     // END DESKTOP MENU DRAWER BEHAVIOR
 
-    // GLOBAL SEARCH
-    $('#search-bar input').focus(function() {
-      $('#search-bar button').addClass('visible');
+    // SEARCH
+    // Persistent search bar form:
+    $('#global-search form').submit(function () {
+      // Disallow submit on blank
+      if($.trim($('#global-search-q').val()) == '') {
+        return false;
+      }
+    });
+    // Select search text on focus
+    $('#global-search-q').focus(function() {
+      $('#global-search-q').select();
+    });
+    
+    // Search page form:
+    $('#search').submit(function () {
+      // Disallow submit on blank
+      if($.trim($('#q').val()) == '') {
+        return false;
+      }
+    });
+    $('#search-clear').click(function () {
+      $('#q').val('');
+      $('#q').focus();
+    });
+    $('#q').focus(function() {
+      $('#q').select();
     });
     
     // TOP FILTER FORM
diff --git a/app/templates/element/searchGlobal.php b/app/templates/element/searchGlobal.php
index a0d3c1fea..c44626838 100644
--- a/app/templates/element/searchGlobal.php
+++ b/app/templates/element/searchGlobal.php
@@ -31,16 +31,29 @@
     'plugin'      => null,
     'controller'  => 'dashboards',
     'action'      => 'search'
-  ]
+  ],
+  'id' => 'global-search-form'
 ];
 
-print $this->Form->create(null, $options);
-print $this->Form->hidden('co_id', ['default' => $vv_cur_co->id]);
-print $this->Form->label('q', __d('field','search.placeholder'), ['class' => 'visually-hidden']);
-print $this->Form->input('q',['id' => 'q','placeholder' => __d('field','search.placeholder')]);
-print $this->Form->button(
-  __d('operation','search'), 
-  ['type' => 'submit', 'escapeTitle' => false, 'class' => 'btn btn-primary']
-); 
-print $this->Form->end();
+?>
+
+<button id="global-search-toggle" class="dropdown-toggle top-menu-button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+  <em class="material-icons">search</em>
+  <span class="visually-hidden"><?= __d('operation','search') ?></span>
+</button>
+
+<div id="global-search" class="dropdown-menu" aria-labelledby="global-search-toggle">
+  <?php
+    print $this->Form->create(null, $options);
+    print $this->Form->hidden('co_id', ['default' => $vv_cur_co->id]);
+    print $this->Form->label('global-search-q', __d('field','search.placeholder'), ['class' => 'visually-hidden']);
+    print $this->Form->input('global-search-q',['id' => 'global-search-q', 'placeholder' => __d('field','search.placeholder')]);
+    print $this->Form->button(
+      '<em class="material-icons">search</em>',
+      ['type' => 'submit', 'escapeTitle' => false, 'id' => 'global-search-button', 'class' => 'btn btn-link btn-sm']
+    );
+    print $this->Form->end();
+  ?>
+</div>
+
   
\ No newline at end of file
diff --git a/app/templates/layout/default.php b/app/templates/layout/default.php
index c1cd1fa83..ee2b7377a 100644
--- a/app/templates/layout/default.php
+++ b/app/templates/layout/default.php
@@ -93,7 +93,7 @@
   ?>
   <body class="<?= $bodyClasses ?>" onload="js_onload_call_hooks()">
     <div id="skip-to-content-box">
-      <a href="#content-start" id="skip-to-content" class="nospin"><?= __d('operation', 'skip_to_content') ?></a>
+      <a href="#content-start" id="skip-to-content" class="visually-hidden-focusable nospin"><?= __d('operation', 'skip_to_content') ?></a>
     </div>
 
     <!-- Primary layout -->
@@ -150,12 +150,8 @@
       
       <div id="top-bar">
         <?php if(!empty($vv_user) && !empty($vv_cur_co) && !$isCoSelectView): ?>
-          <div id="co-hamburger"><em class="material-icons">menu</em></div>
-          <button id="global-search-toggle" class="top-menu-button">
-            <em class="material-icons">search</em>
-            <span class="sr-only"><?= __d('operation','search') ?></span>
-          </button>
-          <div id="search-bar">
+          <div id="top-controls">
+            <div id="co-hamburger"><em class="material-icons">menu</em></div>
             <?= $this->element('searchGlobal') ?>
           </div>
         <?php endif; // vv_user ?>
diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css
index 640734aa4..2e9a40519 100644
--- a/app/webroot/css/co-base.css
+++ b/app/webroot/css/co-base.css
@@ -137,35 +137,83 @@ a {
 }
 /* TOP BAR */
 #top-bar {
-  position: relative;
   display: flex;
-  padding: 0.5em 1em 0.3em 0.5em;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0;
   border-bottom: 1px solid var(--cmg-color-lightgray-006);
-  min-height: 46px;
+  min-height: 47px;
 }
-body.logged-out #top-bar {
+body.logged-out #top-bar,
+body.cos.select #top-bar {
   justify-content: end;
 }
+#top-bar .material-icons {
+  vertical-align: bottom;
+}
+#top-bar .top-menu-button {
+  padding: 0.5em 1em;
+  background-color: transparent;
+  border: none;
+}
+#top-bar .icon-adjust {
+  margin-right: -8px;
+}
+#top-controls {
+  display: flex; 
+  flex: 1;
+}
+/* Mobile menu icon */
+#co-hamburger {
+  margin: 0;
+  padding: 0.5em 1em;
+  cursor: pointer;
+  -webkit-font-smoothing: antialiased;
+}
+
+/* GLOBAL SEARCH */
+#global-search {
+  width: 100%;
+  background-color: var(--cmg-color-lightgray-003);
+  border-radius: 0;
+  border: none;
+  border-top: 1px solid var(--cmg-color-lightgray-006);
+  border-bottom: 1px solid var(--cmg-color-lightgray-006);
+}
+#global-search form {
+  display: flex;
+  justify-content: space-between;
+  padding: 1em;
+}
+#global-search #global-search-q { /* search input */
+  padding-left: 0.5em;
+  width: 100%;
+  border-radius: 0;
+  border: 1px solid var(--cmg-color-lightgray-006);
+}
+#global-search-button {
+  background-color: var(--cmg-color-blue-002);
+  color: white;
+  border-radius: 0 3px 3px 0;
+}
+#top-bar #global-search-toggle {
+  display: flex;
+  align-items: center;
+  padding: 0.5em 0;
+}
 /* TOP MENU */
 #top-menu {
   z-index: 100;
 }
-body.logged-in #top-menu {
-  position: absolute;
-  right: 15px;
-}
 #top-menu ul {
   display: flex;
   column-gap: 2em;
   list-style: none;
+  margin: 0;
+  padding: 0;
   font-size: 1em;
   line-height: unset;
 }
-#top-bar .top-menu-button {
-  background-color: transparent;
-  border: none;
-  margin-top: 3px;
-}
 #top-menu .top-menu-link-text {
   display: none;
 }
@@ -175,10 +223,6 @@ body.logged-in #top-menu {
 #top-menu li a.dropdown-toggle:hover {
   text-decoration: none;
 }
-#top-menu .material-icons {
-  vertical-align: bottom;
-  font-size: 23px;
-}
 #top-menu .dropdown-item {
   padding: 0.5em 1em;
 }
@@ -186,19 +230,13 @@ body.logged-in #top-menu {
   margin-right: 0.25em;
   vertical-align: middle;
 }
-#top-menu .icon-adjust {
-  margin-right: -8px;
-}
 #user-panel {
-  position: absolute;
-  right: 0;
-  top: 27px;
-  z-index: 200;
   color: var(--cmg-color-gray-001);
   background-color: var(--cmg-color-lightgray-002);
   border: 1px solid var(--cmg-color-lightgray-005);
-  padding: 1em;
-  min-width: calc(100vw - 50px);
+  padding: 0;
+  margin: 9px 0 0;
+  min-width: 100vw;
   box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
   font-size: 1em;
 }
@@ -218,8 +256,7 @@ body.logged-in #top-menu {
 }
 #user-panel-user-info { /* mobile only styling */
   border-top: 1px solid var(--cmg-color-lightgray-006);
-  margin-top: 1em;
-  padding-top: 1em;
+  padding: 1em;
 }
 #user-panel-user-info .material-icons {
   float: left;
@@ -268,14 +305,11 @@ body.logged-in #top-menu {
 #user-panel #panel-orgid {
   margin-top: 0;
 }
-#user-panel.with-co-switcher {
-  padding-bottom: 0;
-}
 #user-panel #user-panel-switch-co {
   clear: both;
   text-align: center;
   border-top: 1px solid var(--cmg-color-lightgray-006);
-  margin-top: 4em;
+  margin-top: 2.5em;
   padding: 0;
 }
 #user-panel #co-switch-link {
@@ -296,43 +330,19 @@ body.logged-in #top-menu {
   margin: 1em auto;
 }
 #logout-in-panel {
-  margin: 4px 0 -8px;
   text-align: right;
 }
+#logout-in-panel-link {
+  padding: 1em;
+  margin: 0;
+  width: 100%;
+}
 #login .material-icons,
 #logout-in-panel .material-icons {
   font-size: 1rem;
   vertical-align: top;
   margin-top: 0.25rem;
 }
-
-/* GLOBAL SEARCH */
-#search-bar {
-  display: none;
-}
-#search-bar.visible {
-  display: block;
-}
-#global-search form {
-  display: flex;
-  align-items: end;
-}
-#global-search input {
-  width: 300px;
-  margin: 2px 0 2px 2px;
-}
-#global-search button {
-  padding: 0 0.5em;
-  margin: 0;
-  background-color: transparent;
-  color: white;
-  border: none;
-}
-#global-search button .material-icons {
-  position: relative;
-  top: 2px;
-  font-size: 1.6em;
-}
 /* Shib IDP */
 #idp-select-container {
   clear: both;
@@ -361,8 +371,8 @@ body.logged-in #top-menu {
   border-color: var(--cmg-color-red-007);
 }
 .co-alert.alert-information {
-  background-color: var(--cmg-color-blue-003);
-  color: var(--cmg-color-blue-002);
+  background-color: var(--cmg-color-blue-006);
+  color: var(--cmg-color-blue-005);
   border-color: var(--cmg-color-blue-001);
 }
 .co-alert .alert-icon {
@@ -402,18 +412,6 @@ ul.form-list li.alert-banner .co-alert {
   z-index: 100;
   padding-top: 0;
 }
-/* show our custom navigation icon for shrinking and expanding the drawer
-- this baves a little differently in mobile vs desktop mode */
-#co-hamburger {
-  display: inline-block;
-  float: left;
-  position: relative;
-  top: 3px;
-  margin: 0;
-  padding: 0;
-  cursor: pointer;
-  -webkit-font-smoothing: antialiased;
-}
 #main-menu {
   margin: 0;
   padding: 0;
@@ -596,44 +594,71 @@ ul.form-list li.alert-banner .co-alert {
   clear: both;
   margin-top: 1em;
 }
-/* SEARCH PAGE */
-#CoDashboardSearchForm {
+/* SEARCH RESULTS */
+#search-container {
+  padding: 1em;
   margin-bottom: 1em;
+  background-color: var(--cmg-color-lightgray-004);
+  border: 1px solid var(--cmg-color-lightgray-006);
+}
+#search-clear {
+  color: var(--cmg-color-gray-001);
+  text-decoration: none;
+  position: absolute;
+  right: 4.5em;
 }
 #search-results {
   display: flex;
-  flex-flow: row wrap;
+  flex-wrap: wrap;
+  gap: 1em;
 }
-#search-results .co-card {
-  flex: 1 0 20%;
-  width: auto;
+#search-results-meta {
+  padding: 0;
 }
-#search-results .co-card li {
-  padding: 0.5em;
+#search-results-meta li {
+  list-style: none;
+  display: inline;
 }
-#search-results .co-card li:nth-child(2n+1) {
-  background-color: #ededed;
+#search-results-meta li:after {
+  content: ",";
 }
-#search .input.text,
-#search .submit {
-  display: inline-block;
+#search-results-meta li:first-child:after,
+#search-results-meta li:last-child:after {
+  content: "";
 }
-#search input#CoDashboardQ {
-  height: 24px;
-  width: 170px;
-  margin-right: 0.5em;
-  padding: 4px;
-  border: 1px solid #ccc;
-  font-size: 16px;
+#search-results h3 {
+  margin-bottom: 0.5em;
 }
-#search input#CoDashboardQ:focus {
-  background-color: #ffe;
-  border: 1px solid #ccc;
+#search-results ul.search-results-group {
+  padding: 0;
+  list-style: none;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1em;
 }
-#search input[type=submit] {
-  position: relative;
-  top: -2px;
-  height: 33px;
+#search-results li.search-result {
+  display: block;
+  padding: 0;
+  border: 1px dashed var(--cmg-color-lightgray-008);
+  flex: 1 1 10%;
+  min-width: 220px;
+}
+#search-results li.search-result a {
+  display: block;
+  padding: 1em;
+  color: var(--cmg-color-gray-002);
+  height: 100%;
+}
+#search-results li.search-result a:hover,
+#search-results li.search-result a:focus-visible {
+  text-decoration: none;
+  background-color: var(--cmg-color-lightgray-004);
+}
+#search-results .search-result-name {
+  color: var(--cmg-color-blue-001);
+}
+#search-results .search-result-match-info {
+  font-size: 0.8em;
 }
 /* TOP FILTER */
 .top-filters {
@@ -724,7 +749,6 @@ ul.form-list li.alert-banner .co-alert {
   width: auto;
   height: auto;
   line-height: unset;
-  margin: -6px 0 0;
   padding: 0 1em;
 }
 .top-filters .filter-clear-all-button:hover {
@@ -1458,7 +1482,6 @@ table.list-mode .read-only-link-container {
 }
 .btn.btn-sm {
   font-size: 0.9em;
-  margin: -0.5em 0 0 0.1em;
 }
 .btn-primary,
 .btn-primary:focus,
diff --git a/app/webroot/css/co-color.css b/app/webroot/css/co-color.css
index 38f2b6a9a..c2a60612c 100644
--- a/app/webroot/css/co-color.css
+++ b/app/webroot/css/co-color.css
@@ -36,6 +36,8 @@
                                         primary hyperlink hover color; pagination; accessible on backgrounds down to #c9c9c9 */
   --cmg-color-blue-003: #9fc6e2;     /* spinner  */
   --cmg-color-blue-004: #17a2b8;     /* info badge; XXX check for deprecated */
+  --cmg-color-blue-005: #0B3556;     /* alert: info text color */
+  --cmg-color-blue-006: #d4ecff;     /* search bar active */
 
   /* Dark Grays */
   --cmg-color-gray-001: #222;        /* body text */
diff --git a/app/webroot/css/co-responsive.css b/app/webroot/css/co-responsive.css
index a74e147cf..c9f02a59c 100644
--- a/app/webroot/css/co-responsive.css
+++ b/app/webroot/css/co-responsive.css
@@ -53,9 +53,6 @@
     display: block;
     color: var(--cmg-color-white);
   }
-  #top-menu {
-    right: 15px;
-  }
   #top-menu .top-menu-link-text {
     display: inline;
   }
@@ -65,8 +62,6 @@
   }
   #user-panel-user-info {
     border-top: none;
-    margin: 0 80px 0 0;
-    padding-top: 0;
   }
   #logout-in-panel {
     position: absolute;
@@ -146,34 +141,59 @@
     min-height: 46px;
     line-height: 1.6em;
   }
-  #global-search-toggle {
+  /* GLOBAL SEARCH */
+  #top-bar #global-search-toggle {
     display: none;
   }
-  #search-bar {
+  #global-search {
+    position: static;
     display: block;
-    margin: -0.5em 1em -0.5em -0.5em; /* offset top-bar padding */
+    font-size: 1em;
+    background-color: transparent;
+    border: none;
+    border-right: 1px solid var(--cmg-color-lightgray-006);
+    padding: 0.5em 0.2em;
+  }
+  #global-search form {
+    padding: 0 0.5em;
+    min-height: 30px;
   }
-  #search-bar input {
-    width: calc(100vw - 400px); /* XXX this will change as more items get added to the top menu */
+  #global-search #global-search-q {
+    flex: 1;
+    width: auto;
     border: none;
-    padding: 0.4em 0.5em 0.4em 1em;
-    height: 44px;
+    background-color: transparent;
   }
-  #search-bar input#q:focus-visible {
+  #global-search #global-search-q:focus-visible {
     outline: none;
   }
-  #search-bar button {
-    margin-left: 1em;
-    margin-top: -2px;
+  #global-search button {
     padding: 0.25em 0.75em;
-    display: none;
-    text-transform: none;
+    margin-left: 0.25em;
     font-weight: 400;
-    font-size: 1em;
+    background-color: transparent;
+    border-radius: 3px;
+  }
+  #global-search button.btn-link {
+    color: var(--cmg-color-gray-001);
+    text-decoration: none;
   }
-  #search-bar button.visible {
+  #global-search button.btn-link:hover {
+    text-decoration: underline;
+  }
+  #global-search button.visible {
     display: inline-block;
   }
+  /* SEARCH RESULTS */
+  #search {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  #search-results {
+    flex-wrap: nowrap;
+    gap: 2em;
+  }
   #top-menu {
     z-index: 30;
   }