diff --git a/meteor_packages/mats-common/lib/plot_util.js b/meteor_packages/mats-common/lib/plot_util.js
index b1dfcac47..8b59df6c9 100644
--- a/meteor_packages/mats-common/lib/plot_util.js
+++ b/meteor_packages/mats-common/lib/plot_util.js
@@ -14,7 +14,7 @@ import moment from "moment";
 // eslint-disable-next-line import/no-unresolved
 import hexRgb from "hex-rgb";
 
-/* global $, Session, _ */
+/* global $, Session */
 
 const getBaseURL = function () {
   const urlComponents = document.location.href.split("/");
@@ -176,7 +176,7 @@ const enableActionButtons = function () {
 };
 
 const restoreSettings = function (p) {
-  Session.set("Curves", p.data.curves);
+  matsCurveUtils.clearAllUsed();
   // reset the plotType - have to do this first because the event will remove all the possibly existing curves
   // get the plot-type elements checked state
   let plotTypeSaved = false;
@@ -186,63 +186,8 @@ const restoreSettings = function (p) {
     if (p.data.plotTypes && p.data.plotTypes[ptElem.value] === true) {
       plotTypeSaved = true;
       ptElem.checked = true;
-      // We have to set up the display without using click events because that would cause
-      // the restored curves to be removed
-      switch (ptElem.value) {
-        case matsTypes.PlotTypes.profile:
-          matsCurveUtils.showProfileFace();
-          break;
-        case matsTypes.PlotTypes.dieoff:
-          matsCurveUtils.showDieoffFace();
-          break;
-        case matsTypes.PlotTypes.threshold:
-          matsCurveUtils.showThresholdFace();
-          break;
-        case matsTypes.PlotTypes.validtime:
-          matsCurveUtils.showValidTimeFace();
-          break;
-        case matsTypes.PlotTypes.gridscale:
-          matsCurveUtils.showGridScaleFace();
-          break;
-        case matsTypes.PlotTypes.dailyModelCycle:
-          matsCurveUtils.showDailyModelCycleFace();
-          break;
-        case matsTypes.PlotTypes.yearToYear:
-          matsCurveUtils.showYearToYearFace();
-          break;
-        case matsTypes.PlotTypes.reliability:
-          matsCurveUtils.showReliabilityFace();
-          break;
-        case matsTypes.PlotTypes.roc:
-          matsCurveUtils.showROCFace();
-          break;
-        case matsTypes.PlotTypes.performanceDiagram:
-          matsCurveUtils.showPerformanceDiagramFace();
-          break;
-        case matsTypes.PlotTypes.gridscaleProb:
-          matsCurveUtils.showGridScaleProbFace();
-          break;
-        case matsTypes.PlotTypes.map:
-          matsCurveUtils.showMapFace();
-          break;
-        case matsTypes.PlotTypes.histogram:
-          matsCurveUtils.showHistogramFace();
-          break;
-        case matsTypes.PlotTypes.ensembleHistogram:
-          matsCurveUtils.showEnsembleHistogramFace();
-          break;
-        case matsTypes.PlotTypes.contour:
-        case matsTypes.PlotTypes.contourDiff:
-          matsCurveUtils.showContourFace();
-          break;
-        case matsTypes.PlotTypes.simpleScatter:
-          matsCurveUtils.showSimpleScatterFace();
-          break;
-        case matsTypes.PlotTypes.timeSeries:
-        default:
-          matsCurveUtils.showTimeseriesFace();
-          break;
-      }
+      document.getElementById("plotTypes-selector").value = ptElem.value;
+      $("#plotTypes-selector").trigger("change");
     } else {
       ptElem.checked = false;
     }
@@ -253,95 +198,6 @@ const restoreSettings = function (p) {
       matsCollections.PlotGraphFunctions.findOne({ checked: true }).plotType;
   }
 
-  // now set the PlotParams
-  let params = matsCollections.PlotParams.find({}).fetch();
-  params.forEach(function (plotParam) {
-    const val =
-      p.data.paramData.plotParams[plotParam.name] === null ||
-      p.data.paramData.plotParams[plotParam.name] === undefined
-        ? matsTypes.InputTypes.unused
-        : p.data.paramData.plotParams[plotParam.name];
-    matsParamUtils.setInputForParamName(plotParam.name, val);
-  });
-
-  const paramNames = matsCollections.CurveParamsInfo.findOne({
-    curve_params: { $exists: true },
-  }).curve_params;
-  params = [];
-  const superiors = [];
-  const dependents = [];
-  // get all of the curve param collections in one place
-  for (let pidx = 0; pidx < paramNames.length; pidx += 1) {
-    const param = matsCollections[paramNames[pidx]].findOne({});
-    // superiors
-    if (param.dependentNames !== undefined) {
-      superiors.push(param);
-      // dependents
-    } else if (param.superiorNames !== undefined) {
-      dependents.push(param);
-      // everything else
-    } else {
-      params.push(param);
-    }
-  }
-
-  // reset the form parameters for the superiors first
-  superiors.forEach(function (plotParam) {
-    if (plotParam.type === matsTypes.InputTypes.dateRange) {
-      if (p.data.paramData.curveParams[plotParam.name] === undefined) {
-        return; // just like continue
-      }
-      const dateArr = p.data.paramData.curveParams[plotParam.name].split(" - ");
-      const from = dateArr[0];
-      const to = dateArr[1];
-      const idref = `#${plotParam.name}-${plotParam.type}`;
-      $(idref)
-        .data("daterangepicker")
-        .setStartDate(moment.utc(from, "MM-DD-YYYY HH:mm"));
-      $(idref).data("daterangepicker").setEndDate(moment.utc(to, "MM-DD-YYYY HH:mm"));
-      matsParamUtils.setValueTextForParamName(
-        plotParam.name,
-        p.data.paramData.curveParams[plotParam.name]
-      );
-    } else {
-      const val =
-        p.data.paramData.curveParams[plotParam.name] === null ||
-        p.data.paramData.curveParams[plotParam.name] === undefined
-          ? matsTypes.InputTypes.unused
-          : p.data.paramData.curveParams[plotParam.name];
-      matsParamUtils.setInputForParamName(plotParam.name, val);
-    }
-  });
-
-  // now reset the form parameters for the dependents
-  params = _.union(dependents, params);
-  params.forEach(function (plotParam) {
-    if (plotParam.type === matsTypes.InputTypes.dateRange) {
-      if (p.data.paramData.curveParams[plotParam.name] === undefined) {
-        return; // just like continue
-      }
-      const dateArr = p.data.paramData.curveParams[plotParam.name].split(" - ");
-      const from = dateArr[0];
-      const to = dateArr[1];
-      const idref = `#${plotParam.name}-${plotParam.type}`;
-      $(idref)
-        .data("daterangepicker")
-        .setStartDate(moment.utc(from, "MM-DD-YYYY HH:mm"));
-      $(idref).data("daterangepicker").setEndDate(moment.utc(to, "MM-DD-YYYY HH:mm"));
-      matsParamUtils.setValueTextForParamName(
-        plotParam.name,
-        p.data.paramData.curveParams[plotParam.name]
-      );
-    } else {
-      const val =
-        p.data.paramData.curveParams[plotParam.name] === null ||
-        p.data.paramData.curveParams[plotParam.name] === undefined
-          ? matsTypes.InputTypes.unused
-          : p.data.paramData.curveParams[plotParam.name];
-      matsParamUtils.setInputForParamName(plotParam.name, val);
-    }
-  });
-
   // reset the dates
   if (p.data.dates !== undefined) {
     const dateArr = p.data.dates.split(" - ");
@@ -356,8 +212,8 @@ const restoreSettings = function (p) {
     matsParamUtils.setValueTextForParamName("dates", p.data.dates);
   }
 
-  // reset the plotFormat
   // reset the plotParams
+  Session.set("Curves", p.data.curves);
   Session.set("PlotParams", p);
   // set the used defaults so that subsequent adds get a core default
   matsCurveUtils.setUsedColorsAndLabels();
diff --git a/meteor_packages/mats-common/public/MATSReleaseNotes.html b/meteor_packages/mats-common/public/MATSReleaseNotes.html
index 452fcb3c6..d909a4f14 100755
--- a/meteor_packages/mats-common/public/MATSReleaseNotes.html
+++ b/meteor_packages/mats-common/public/MATSReleaseNotes.html
@@ -6,6 +6,27 @@ <h4>All apps v6.2.6</h4>
   <p style="margin: 25px 0"></p>
   <p>Changes:</p>
   <p>* Fixed npm security vulnerability.</p>
+  <p>* Added documentation link to top navigation bar.</p>
+  <p>
+    * Fixed bug where the upper air app erroneously displayed the "Region Mode" selector
+    when "Truth" was set to some sort of AMDAR. Users should not be offered a choice of
+    region mode for AMDAR, as AMDAR is predefined region only.
+  </p>
+  <p>
+    * Clicking Restore Settings no longer removes all added curves unless the user then
+    clicks confirm.
+  </p>
+  <p>
+    * Clicking Restore Settings no longer changes the values on the blue curve selector
+    buttons (although it may by necessity change plot type).
+  </p>
+  <p>
+    * Fixed bug where the default legend text wouldn't appear on the Edit Legend modal.
+  </p>
+  <p>
+    * Reordered curve legends to be more concise and display forecast lead time earlier.
+  </p>
+  <p>* Made modals larger.</p>
 </div>
 <div>
   <hr
diff --git a/meteor_packages/mats-common/templates/about/about.html b/meteor_packages/mats-common/templates/about/about.html
index c35356d63..19ba25471 100644
--- a/meteor_packages/mats-common/templates/about/about.html
+++ b/meteor_packages/mats-common/templates/about/about.html
@@ -7,10 +7,13 @@
     tabindex="-1"
     aria-labelledby="aboutModalLabel"
   >
-    <div class="modal-dialog modal-style">
+    <div class="modal-dialog modal-lg modal-style">
       <div class="modal-content bg-white pt-3">
         <div class="modal-header border-bottom-0">
-          <h2 id="aboutModalLabel" class="modal-title text-dark-blue">About</h2>
+          <h2 id="aboutModalLabel" class="modal-title text-dark-blue">
+            {{#if isMetexpress}} METexpress {{else}} Model Analysis Tool Suite (MATS)
+            {{/if}}
+          </h2>
           <button
             type="button"
             class="btn-close"
@@ -19,11 +22,7 @@ <h2 id="aboutModalLabel" class="modal-title text-dark-blue">About</h2>
           ></button>
         </div>
         <div class="text-center mt-4 mb-3">
-          {{#if isMetexpress}}
-          <h3>METexpress</h3>
-          {{else}}
-          <h3>Model Analysis Tool Suite (MATS)</h3>
-          {{/if}} {{{version}}}
+          <h4>{{{version}}}</h4>
         </div>
         <div
           id="hideNotesUpper"
diff --git a/meteor_packages/mats-common/templates/changePlotType/changePlotType.html b/meteor_packages/mats-common/templates/changePlotType/changePlotType.html
index 22fbc7367..5f103057a 100644
--- a/meteor_packages/mats-common/templates/changePlotType/changePlotType.html
+++ b/meteor_packages/mats-common/templates/changePlotType/changePlotType.html
@@ -7,7 +7,7 @@
     tabindex="-1"
     aria-labelledby="changePlotTypeModalLabel"
   >
-    <div class="modal-dialog modal-style">
+    <div class="modal-dialog modal-lg modal-style">
       <div class="modal-content bg-white pt-3">
         <div class="modal-header border-bottom-0">
           <h2 id="changePlotTypeModalLabel" class="modal-title text-dark-blue">
diff --git a/meteor_packages/mats-common/templates/curves/curve_item.html b/meteor_packages/mats-common/templates/curves/curve_item.html
index fa9cf34f9..e156ccd98 100644
--- a/meteor_packages/mats-common/templates/curves/curve_item.html
+++ b/meteor_packages/mats-common/templates/curves/curve_item.html
@@ -7,7 +7,7 @@
     tabindex="-1"
     aria-labelledby="removeCurveModalLabel"
   >
-    <div class="modal-dialog modal-style">
+    <div class="modal-dialog modal-lg modal-style">
       <div class="modal-content bg-white pt-3">
         <div class="modal-header border-bottom-0">
           <h2 id="removeCurveModalLabel" class="modal-title text-dark-blue">
diff --git a/meteor_packages/mats-common/templates/curves/curve_item.js b/meteor_packages/mats-common/templates/curves/curve_item.js
index 55704e9e1..3958689d6 100644
--- a/meteor_packages/mats-common/templates/curves/curve_item.js
+++ b/meteor_packages/mats-common/templates/curves/curve_item.js
@@ -26,7 +26,7 @@ Template.curveItem.helpers({
     const confirmRemoveCurve = Session.get("confirmRemoveCurve");
     return confirmRemoveCurve ? confirmRemoveCurve.label : null;
   },
-  text() {
+  async text() {
     if (this.diffFrom === undefined) {
       let plotType = Session.get("plotType");
       if (plotType === undefined) {
@@ -41,7 +41,8 @@ Template.curveItem.helpers({
       if (this.region) {
         [this.regionName] = this.region.split(" ");
       }
-      return matsPlotUtils.getCurveText(plotType, this).then();
+      const text = await matsPlotUtils.getCurveText(plotType, this);
+      return text;
     }
     return `${this.label}:  Difference`;
   },
diff --git a/meteor_packages/mats-common/templates/curves/curve_list.html b/meteor_packages/mats-common/templates/curves/curve_list.html
index 3b5d1c7ee..fb27b1b27 100644
--- a/meteor_packages/mats-common/templates/curves/curve_list.html
+++ b/meteor_packages/mats-common/templates/curves/curve_list.html
@@ -7,7 +7,7 @@
     tabindex="-1"
     aria-labelledby="removeAllModalLabel"
   >
-    <div class="modal-dialog modal-style">
+    <div class="modal-dialog modal-lg modal-style">
       <div class="modal-content bg-white pt-3">
         <div class="modal-header border-bottom-0">
           <h2 id="removeAllModalLabel" class="modal-title text-dark-blue">
diff --git a/meteor_packages/mats-common/templates/curves/curve_param_item_group.html b/meteor_packages/mats-common/templates/curves/curve_param_item_group.html
index 73bbbdf47..1640de75a 100644
--- a/meteor_packages/mats-common/templates/curves/curve_param_item_group.html
+++ b/meteor_packages/mats-common/templates/curves/curve_param_item_group.html
@@ -8,7 +8,7 @@
       tabindex="-1"
       aria-labelledby="confirmLostEditsModalLabel"
     >
-      <div class="modal-dialog modal-style">
+      <div class="modal-dialog modal-lg modal-style">
         <div class="modal-content bg-white pt-3">
           <div class="modal-header border-bottom-0">
             <h2 id="confirmLostEditsModalLabel" class="modal-title text-dark-blue">
diff --git a/meteor_packages/mats-common/templates/error/error.html b/meteor_packages/mats-common/templates/error/error.html
index f0143a4b0..eaae8bf2d 100644
--- a/meteor_packages/mats-common/templates/error/error.html
+++ b/meteor_packages/mats-common/templates/error/error.html
@@ -7,7 +7,7 @@
     tabindex="-1"
     aria-labelledby="errorModalLabel"
   >
-    <div class="modal-dialog modal-style">
+    <div class="modal-dialog modal-lg modal-style">
       <div class="modal-content bg-white pt-3">
         <div class="modal-header border-bottom-0">
           <h2 id="errorModalLabel" class="modal-title text-dark-blue">
diff --git a/meteor_packages/mats-common/templates/graph/graph.html b/meteor_packages/mats-common/templates/graph/graph.html
index dade76e10..a7c11b52e 100644
--- a/meteor_packages/mats-common/templates/graph/graph.html
+++ b/meteor_packages/mats-common/templates/graph/graph.html
@@ -324,7 +324,7 @@
       tabindex="-1"
       aria-labelledby="axisLimitModalLabel"
     >
-      <div class="modal-dialog modal-lg modal-style">
+      <div class="modal-dialog modal-xl modal-style">
         <div class="modal-content bg-white pt-3">
           <div class="modal-header border-bottom-0">
             <h2 id="axisLimitModalLabel" class="modal-title text-dark-blue">Axes</h2>
@@ -706,7 +706,7 @@ <h4>
       tabindex="-1"
       aria-labelledby="lineTypeModalLabel"
     >
-      <div class="modal-dialog modal-lg modal-style">
+      <div class="modal-dialog modal-xl modal-style">
         <div class="modal-content bg-white pt-3">
           <div class="modal-header border-bottom-0">
             <h2 id="lineTypeModalLabel" class="modal-title text-dark-blue">
@@ -857,7 +857,7 @@ <h4>* Leave a field blank to preserve its original value.</h4>
       tabindex="-1"
       aria-labelledby="showHideModalLabel"
     >
-      <div class="modal-dialog modal-lg modal-style">
+      <div class="modal-dialog modal-xl modal-style">
         <div class="modal-content bg-white pt-3">
           <div class="modal-header border-bottom-0">
             <h2 id="showHideModalLabel" class="modal-title text-dark-blue">
@@ -969,7 +969,7 @@ <h3>Show/hide curve elements</h3>
       tabindex="-1"
       aria-labelledby="legendTextModalLabel"
     >
-      <div class="modal-dialog modal-lg modal-style">
+      <div class="modal-dialog modal-xl modal-style">
         <div class="modal-content bg-white pt-3">
           <div class="modal-header border-bottom-0">
             <h2 id="legendTextModalLabel" class="modal-title text-dark-blue">
@@ -1051,7 +1051,7 @@ <h4>* Leave a field blank to preserve its original value.</h4>
       tabindex="-1"
       aria-labelledby="filterPointsModalLabel"
     >
-      <div class="modal-dialog modal-lg modal-style">
+      <div class="modal-dialog modal-xl modal-style">
         <div class="modal-content bg-white pt-3">
           <div class="modal-header border-bottom-0">
             <h2 id="filterPointsModalLabel" class="modal-title text-dark-blue">
@@ -1121,7 +1121,7 @@ <h3>Uncheck points to exclude from graph</h3>
       tabindex="-1"
       aria-labelledby="colorbarModalLabel"
     >
-      <div class="modal-dialog modal-lg modal-style">
+      <div class="modal-dialog modal-xl modal-style">
         <div class="modal-content bg-white pt-3">
           <div class="modal-header border-bottom-0">
             <h2 id="colorbarModalLabel" class="modal-title text-dark-blue">
diff --git a/meteor_packages/mats-common/templates/graph/graph.js b/meteor_packages/mats-common/templates/graph/graph.js
index e46d19c4a..c23cdf997 100644
--- a/meteor_packages/mats-common/templates/graph/graph.js
+++ b/meteor_packages/mats-common/templates/graph/graph.js
@@ -555,7 +555,9 @@ Template.graph.helpers({
       ? " (in log10)"
       : "";
   },
-  curveText() {
+  async curveText() {
+    Session.get("PlotResultsUpDated");
+    let text;
     if (this.diffFrom === undefined) {
       let plotType = Session.get("plotType");
       if (plotType === undefined) {
@@ -568,9 +570,10 @@ Template.graph.helpers({
         plotType = Session.get("plotType");
       }
       if (plotType === matsTypes.PlotTypes.profile) {
-        return matsPlotUtils.getCurveTextWrapping(plotType, this).then();
+        text = await matsPlotUtils.getCurveTextWrapping(plotType, this);
       }
-      return matsPlotUtils.getCurveText(plotType, this).then();
+      text = await matsPlotUtils.getCurveText(plotType, this);
+      return text;
     }
     return `${this.label}:  Difference`;
   },
diff --git a/meteor_packages/mats-common/templates/help/help.html b/meteor_packages/mats-common/templates/help/help.html
index 7bb5a0a9e..e43c98360 100644
--- a/meteor_packages/mats-common/templates/help/help.html
+++ b/meteor_packages/mats-common/templates/help/help.html
@@ -7,7 +7,7 @@
     tabindex="-1"
     aria-labelledby="helpModalLabel"
   >
-    <div class="modal-dialog modal-style">
+    <div class="modal-dialog modal-lg modal-style">
       <div class="modal-content bg-white pt-3">
         <div class="modal-header border-bottom-0">
           <h2 id="helpModalLabel" class="modal-title text-dark-blue">
diff --git a/meteor_packages/mats-common/templates/info/info.html b/meteor_packages/mats-common/templates/info/info.html
index de58e04ab..24e258ebb 100644
--- a/meteor_packages/mats-common/templates/info/info.html
+++ b/meteor_packages/mats-common/templates/info/info.html
@@ -7,7 +7,7 @@
     tabindex="-1"
     aria-labelledby="infoModalLabel"
   >
-    <div class="modal-dialog modal-style">
+    <div class="modal-dialog modal-lg modal-style">
       <div class="modal-content bg-white pt-3">
         <div class="modal-header border-bottom-0">
           <h2 id="infoModalLabel" class="modal-title text-dark-blue">
diff --git a/meteor_packages/mats-common/templates/plot/plot_list.html b/meteor_packages/mats-common/templates/plot/plot_list.html
index 8aee7c542..358eeefef 100644
--- a/meteor_packages/mats-common/templates/plot/plot_list.html
+++ b/meteor_packages/mats-common/templates/plot/plot_list.html
@@ -11,7 +11,7 @@
       tabindex="-1"
       aria-labelledby="saveModalLabel"
     >
-      <div class="modal-dialog modal-style">
+      <div class="modal-dialog modal-lg modal-style">
         <div class="modal-content bg-white pt-3">
           <div class="modal-header border-bottom-0">
             <h2 id="saveModalLabel" class="modal-title text-dark-blue">
@@ -108,7 +108,7 @@ <h2 id="saveModalLabel" class="modal-title text-dark-blue">
       tabindex="-1"
       aria-labelledby="restoreModalLabel"
     >
-      <div class="modal-dialog modal-style">
+      <div class="modal-dialog modal-lg modal-style">
         <div class="modal-content bg-white pt-3">
           <div class="modal-header border-bottom-0">
             <h2 id="restoreModalLabel" class="modal-title text-dark-blue">
diff --git a/meteor_packages/mats-common/templates/plot/plot_list.js b/meteor_packages/mats-common/templates/plot/plot_list.js
index 9f564bca8..77f2c2cef 100644
--- a/meteor_packages/mats-common/templates/plot/plot_list.js
+++ b/meteor_packages/mats-common/templates/plot/plot_list.js
@@ -220,9 +220,11 @@ Template.plotList.events({
           }
         });
         curve.visibleParams = visibleParams;
+        curves[cidx] = curve;
       }
       p.curves.push(curve);
     }
+    Session.set("Curves", curves);
     matsCollections.PlotParams.find({})
       .fetch()
       .forEach(function (plotParam) {
@@ -346,7 +348,6 @@ Template.plotList.events({
         document.getElementById("spinner").style.display = "none";
         return false;
       case "restore":
-        matsCurveUtils.clearAllUsed();
         if (
           (document.getElementById("restore_from_private").value === "" ||
             document.getElementById("restore_from_private").value === undefined) &&
diff --git a/meteor_packages/mats-common/templates/selectorItems/map.html b/meteor_packages/mats-common/templates/selectorItems/map.html
index afe948082..54387ea6a 100644
--- a/meteor_packages/mats-common/templates/selectorItems/map.html
+++ b/meteor_packages/mats-common/templates/selectorItems/map.html
@@ -7,7 +7,7 @@
     tabindex="-1"
     aria-labelledby="mapModalLabel"
   >
-    <div class="modal-dialog modal-style modal-lg">
+    <div class="modal-dialog modal-xl modal-style modal-xl">
       <div class="modal-content bg-white pt-3">
         <div class="modal-header border-bottom-0">
           <h2 id="mapModalLabel" class="modal-title text-dark-blue">
diff --git a/meteor_packages/mats-common/templates/topnav/top_nav.html b/meteor_packages/mats-common/templates/topnav/top_nav.html
index 3a6811b65..c2ffbfe14 100644
--- a/meteor_packages/mats-common/templates/topnav/top_nav.html
+++ b/meteor_packages/mats-common/templates/topnav/top_nav.html
@@ -67,83 +67,91 @@
       </div>
     </nav>
     <nav
-      class="navbar navbar-expand-sm bg-noaa-blue text-white"
+      class="navbar navbar-expand-sm bg-noaa-blue text-white pb-0"
       data-bs-theme="dark"
       aria-label="MATS navigation bar"
     >
-      <div class="container-fluid">
-        <a class="navbar-brand w-100 h-100 m-0" href="#">
-          <div class="row w-100 h-100 mx-0">
-            <div class="col-lg-3 col-12 text-lg-start text-center">
+      <div class="container-fluid px-0">
+        <nav class="navbar-brand w-100 h-100 m-0 pb-0">
+          <div class="row w-100 h-100 mx-2">
+            <div class="col-md-3 col-6 text-md-start text-end">
               <a class="navbar-brand m-0" href="{{productLink}}">
                 <img
-                  class="{{matsLogoSize}}"
+                  class="{{matsLogoSize}} mt-{{matsLogoMargin}}"
                   src="{{transparentMATS}}"
                   alt="MATS Logo"
-                />&nbsp;&nbsp;
-                <img
-                  class="{{noaaLogoSize}}"
-                  src="{{transparentNOAA}}"
-                  alt="NOAA Logo"
                 />
               </a>
             </div>
-            <div class="col-lg-6 col-0 d-none d-lg-block text-center">
+            <div class="col-md-6 col-0 d-none d-md-block text-center">
               <div class="row">
-                <a class="white-link-text fs-6" href="{{agencyLink}}" target="_blank">
-                  {{agencyText}}
-                  <span class="sr-only">Opens in new window</span>
-                </a>
+                <div class="col-12">
+                  <a class="white-link-text fs-6" href="{{agencyLink}}" target="_blank">
+                    {{agencyText}}
+                    <span class="sr-only">Opens in new window</span>
+                  </a>
+                </div>
               </div>
               <div class="row">
-                <a href="{{productLink}}" class="white-link-text fs-4"
-                  >{{productText}}</a
-                >
+                <div class="col-12">
+                  <a href="{{productLink}}" class="white-link-text fs-4">
+                    {{productText}}
+                  </a>
+                </div>
               </div>
             </div>
-            <div class="col-lg-3 col-0 d-none d-lg-block text-end mt-3">
-              <a class="white-link-text fs-6" href="{{githubLink}}" target="_blank"
-                >{{githubText}}<span class="sr-only">Opens in new window</span></a
-              >&nbsp;&nbsp;
-              <a
-                href=""
-                id="aboutButton"
-                class="about white-link-text fs-6"
-                data-bs-toggle="modal"
-                data-bs-target="#aboutModal"
-                >About</a
-              >&nbsp;&nbsp;
+            <div class="col-md-3 col-6 text-md-end text-start">
+              <a class="navbar-brand m-0" href="{{productLink}}">
+                <img
+                  class="{{noaaLogoSize}} mt-1"
+                  src="{{transparentNOAA}}"
+                  alt="NOAA Logo"
+                />
+              </a>
+            </div>
+          </div>
+          <div class="row bg-info bg-opacity-50 w-100 h-100 mt-3 mx-0 pt-1 pb-2">
+            <span class="col-lg-2 col-0 text-center"></span>
+            <span class="col-lg-2 col-sm-3 col-7 text-center">
               <a
                 class="white-link-text fs-6"
-                href="mailto:mats.gsl@noaa.gov?Subject=Feedback from {{emailText}}"
+                href="{{documentationLink}}"
                 target="_blank"
-                >Contact Us<span class="sr-only">Opens in new window</span></a
               >
-            </div>
-          </div>
-          <hr class="d-lg-none bg-primary border-3 border-top border-primary mb-2" />
-          <div class="row w-100 h-100 d-lg-none text-center">
-            <div class="col-12">
-              <a class="white-link-text fs-6" href="{{githubLink}}" target="_blank"
-                >{{githubText}}<span class="sr-only">Opens in new window</span></a
-              >&nbsp;&nbsp;
+                {{documentationText}}
+                <span class="sr-only">Opens in new window</span>
+              </a>
+            </span>
+            <span class="col-lg-2 col-sm-3 col-5 text-center">
+              <a class="white-link-text fs-6" href="{{githubLink}}" target="_blank">
+                {{githubText}}
+                <span class="sr-only">Opens in new window</span>
+              </a>
+            </span>
+            <span class="col-lg-2 col-sm-3 col-7 text-center">
               <a
                 href=""
                 id="aboutButton"
                 class="about white-link-text fs-6"
                 data-bs-toggle="modal"
                 data-bs-target="#aboutModal"
-                >About</a
-              >&nbsp;&nbsp;
+              >
+                Release Notes
+              </a>
+            </span>
+            <span class="col-lg-2 col-sm-3 col-5 text-center">
               <a
                 class="white-link-text fs-6"
                 href="mailto:mats.gsl@noaa.gov?Subject=Feedback from {{emailText}}"
                 target="_blank"
-                >Contact Us<span class="sr-only">Opens in new window</span></a
               >
-            </div>
+                Contact Us
+                <span class="sr-only">Opens in new window</span>
+              </a>
+            </span>
+            <span class="col-md-2 col-0"></span>
           </div>
-        </a>
+        </nav>
       </div>
     </nav>
     <div
diff --git a/meteor_packages/mats-common/templates/topnav/top_nav.js b/meteor_packages/mats-common/templates/topnav/top_nav.js
index 89cab6a11..fe50f0252 100644
--- a/meteor_packages/mats-common/templates/topnav/top_nav.js
+++ b/meteor_packages/mats-common/templates/topnav/top_nav.js
@@ -60,6 +60,16 @@ Template.topNav.helpers({
     }
     return `mats-logo-size`;
   },
+  matsLogoMargin() {
+    if (
+      matsCollections.Settings.findOne({}) !== undefined &&
+      matsCollections.Settings.findOne({}).appType !== undefined
+    ) {
+      const { appType } = matsCollections.Settings.findOne({});
+      return appType === matsTypes.AppTypes.metexpress ? `3` : `1`;
+    }
+    return `1`;
+  },
   noaaLogoSize() {
     if (
       matsCollections.Settings.findOne({}) !== undefined &&
@@ -136,6 +146,14 @@ Template.topNav.helpers({
     }
     return "https://github.com/NOAA-GSL/MATS";
   },
+  documentationText() {
+    return "Documentation";
+  },
+  documentationLink() {
+    return Meteor.settings.public.documentation === undefined
+      ? "#"
+      : Meteor.settings.public.documentation;
+  },
   isMetexpress() {
     if (
       matsCollections.Settings.findOne({}) !== undefined &&