diff --git a/components/2d_network.html b/components/2d_network.html
index cc2dcd82..046c98fb 100644
--- a/components/2d_network.html
+++ b/components/2d_network.html
@@ -2896,11 +2896,23 @@ <h5 class="modal-title">Export Network Image</h5>
       $this.parent().hide();
     });
 
+    const isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0;
+
+    // d3.select(window).on('keydown keyup', function () {
+    //   const keyToCheck = isMac ? 'metaKey' : 'ctrlKey';
+    //   console.log('isMac: ', isMac);
+    //   d3.select('g.brush')
+    //     .attr('pointer-events', d3.event[keyToCheck] ? 'all' : 'none')
+    //     .select('rect.overlay')
+    //     .attr('pointer-events', d3.event[keyToCheck] ? 'all' : 'none');
+    // });
+
     d3.select(window).on('keydown keyup', function () {
+      const keyToCheck = isMac ? event.metaKey : event.ctrlKey;
       d3.select('g.brush')
-        .attr('pointer-events', d3.event.ctrlKey ? 'all' : 'none')
+        .attr('pointer-events', keyToCheck ? 'all' : 'none')
         .select('rect.overlay')
-        .attr('pointer-events', d3.event.ctrlKey ? 'all' : 'none');
+        .attr('pointer-events', keyToCheck ? 'all' : 'none');
     });
 
     let stopSimulation = () => force.stop();
diff --git a/index.html b/index.html
index 8f1b103f..e07cbea1 100644
--- a/index.html
+++ b/index.html
@@ -52,7 +52,7 @@ <h4>MicrobeTrace requires CSS to run, but it looks like the appropriate CSS file
   </div>
 
   <nav class="navbar fixed-top navbar-expand-xl navbar-light bg-light">
-    <ul class="nav mr-auto">
+    <ul class="nav flex-grow">
       <li class="nav-item dropdown">
         <a href="#" class="nav-link dropdown-toggle py-0" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">File</a>
         <div class="dropdown-menu">
@@ -116,7 +116,7 @@ <h4>MicrobeTrace requires CSS to run, but it looks like the appropriate CSS file
 
       <!-- Toggle comments when making new change -->
       <!-- <li><span id="development-version" style="margin-left: 40px; color: #0037ff; font-weight: bolder; font-size: x-small;"> non production environment </span></li> -->
-    <li style="width: 250px;""></li>
+    <div class="flex-grow"></div>
 
     <div id="search-form" class="form-inline navbar-form">
         <label for="search">Search</label>
diff --git a/src/main.css b/src/main.css
index d5815225..c1fd281a 100644
--- a/src/main.css
+++ b/src/main.css
@@ -22,6 +22,11 @@ body {
                                 supported by Chrome and Opera */
 }
 
+.flex-grow {
+  display: flex;
+  flex-grow: 1;
+}
+
 .dev-span {
   margin-left: 0px;
   position: absolute;
@@ -41,6 +46,7 @@ body {
 
 .mt-url {
   color: #007bff !important;
+  text-decoration: underline !important;
 }
 
 .selectable,