timer bar doesn't show up on login page

frontend/src/App.vue

@@ -16,7 +16,17 @@ import ListSecrets from "./components/ListSecrets.vue";
         <el-button type="error" @click="refresh">Refresh</el-button>
       </div>
     </div>
-    <div class="timer" :style="{ width: timerWidth + '%' }"></div>
+    <!-- prettier-ignore-start -->
+    <div
+      class="timer"
+      v-if="loggedin"
+      style="
+         {
+          width: timerWidth + '%';
+        }
+      "
+    ></div>
+    <!-- prettier-ignore-end -->
 
     <el-dialog v-model="creationDialog" title="Add a new TOTP secret" width="80vw">
       <CreateSecret @close="creationDialog = false" />