diff --git a/lifetracker-vue/package-lock.json b/lifetracker-vue/package-lock.json
index fa11a1b..f72fdc0 100644
--- a/lifetracker-vue/package-lock.json
+++ b/lifetracker-vue/package-lock.json
@@ -31,7 +31,7 @@
         "eslint-config-prettier": "^8.8.0",
         "npm-run-all": "^4.1.5",
         "prettier": "2.8.8",
-        "typescript": "^5.1.0-dev.20230515",
+        "typescript": "^4.4.4",
         "vite": "^4.1.4",
         "vue-tsc": "^1.2.0"
       }
@@ -4475,15 +4475,15 @@
       }
     },
     "node_modules/typescript": {
-      "version": "5.1.0-dev.20230515",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.1.0-dev.20230515.tgz",
-      "integrity": "sha512-yn0MGsy6U0QAVF+lXW6LPupQmuRsyA0xUJetqw2tDqa+49231BpkhTuY6oEwLsc98tiEzCfIw7hzbLsiwVGFaA==",
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
+      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
       },
       "engines": {
-        "node": ">=14.17"
+        "node": ">=4.2.0"
       }
     },
     "node_modules/unbox-primitive": {
@@ -7972,9 +7972,9 @@
       }
     },
     "typescript": {
-      "version": "5.1.0-dev.20230515",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.1.0-dev.20230515.tgz",
-      "integrity": "sha512-yn0MGsy6U0QAVF+lXW6LPupQmuRsyA0xUJetqw2tDqa+49231BpkhTuY6oEwLsc98tiEzCfIw7hzbLsiwVGFaA=="
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
+      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g=="
     },
     "unbox-primitive": {
       "version": "1.0.2",
diff --git a/lifetracker-vue/src/assets/base.css b/lifetracker-vue/src/assets/base.css
index fbcf211..a342b0d 100644
--- a/lifetracker-vue/src/assets/base.css
+++ b/lifetracker-vue/src/assets/base.css
@@ -106,3 +106,13 @@ div#app {
 div#table {
   height: 100%;
 }
+
+
+@media(max-width: 600px){
+  header nav{
+    display: none;
+  }
+  .authnav-connected{
+    display:none;
+  }
+}
\ No newline at end of file
diff --git a/lifetracker-vue/src/components/AuthNav.vue b/lifetracker-vue/src/components/AuthNav.vue
index c96efa0..c223398 100644
--- a/lifetracker-vue/src/components/AuthNav.vue
+++ b/lifetracker-vue/src/components/AuthNav.vue
@@ -10,7 +10,7 @@ storeSession.connect();
   <div v-if="!storeSession.isConnected">
     <button @click="storeSession.loginAsRyan()">Connect</button>
   </div>
-  <div v-if="storeSession.isConnected">
+  <div class="authnav-connected" v-if="storeSession.isConnected">
     Connected as {{ storeSession.session.userId }}.
   </div>
 </template>