diff --git a/arches_lingo/src/arches_lingo/App.vue b/arches_lingo/src/arches_lingo/App.vue
index 48da7290..51fbb3f8 100644
--- a/arches_lingo/src/arches_lingo/App.vue
+++ b/arches_lingo/src/arches_lingo/App.vue
@@ -38,9 +38,9 @@ router.beforeEach(async (to) => {
 </script>
 
 <template>
-    <main style="font-family: sans-serif; height: 100vh;">
+    <main style="font-family: sans-serif; height: 100vh">
         <PageHeader v-if="route.meta.shouldShowHeader" />
-        <div style="margin: 1rem;">
+        <div style="margin: 1rem">
             <RouterView />
         </div>
     </main>
diff --git a/arches_lingo/src/arches_lingo/components/header/PageHeader.vue b/arches_lingo/src/arches_lingo/components/header/PageHeader.vue
index 2dc87cd4..102cf3a2 100644
--- a/arches_lingo/src/arches_lingo/components/header/PageHeader.vue
+++ b/arches_lingo/src/arches_lingo/components/header/PageHeader.vue
@@ -2,34 +2,35 @@
 import { ref } from "vue";
 import { useGettext } from "vue3-gettext";
 
-import Button from 'primevue/button';
-import Menubar from 'primevue/menubar';
+import Button from "primevue/button";
+import Menubar from "primevue/menubar";
 
 import { routeNames } from "@/arches_lingo/routes.ts";
-import UserInteraction  from "@/arches_lingo/components/user/UserInteraction.vue";
+import UserInteraction from "@/arches_lingo/components/user/UserInteraction.vue";
 
 const { $gettext } = useGettext();
 
-
 const items = ref([
     {
-        label: $gettext('Search'),
-        icon: 'fa fa-search',
-        name: routeNames.search
+        label: $gettext("Search"),
+        icon: "fa fa-search",
+        name: routeNames.search,
     },
     {
-        label: $gettext('Advanced Search'),
-        icon: 'fa fa-file',
-        name: routeNames.advancedSearch
+        label: $gettext("Advanced Search"),
+        icon: "fa fa-file",
+        name: routeNames.advancedSearch,
     },
 ]);
-
 </script>
 
 <template>
-    <Menubar :model="items" style="height: 3rem;">
+    <Menubar
+        :model="items"
+        style="height: 3rem"
+    >
         <template #start>
-            <RouterLink 
+            <RouterLink
                 class="router-link"
                 :to="{ name: routeNames.root }"
                 style="text-decoration: none; color: inherit"
@@ -38,7 +39,7 @@ const items = ref([
             </RouterLink>
         </template>
         <template #item="{ item }">
-            <RouterLink 
+            <RouterLink
                 class="router-link"
                 :to="{ name: item.name }"
             >
@@ -54,5 +55,4 @@ const items = ref([
     </Menubar>
 </template>
 
-<style scoped>
-</style>
\ No newline at end of file
+<style scoped></style>
diff --git a/arches_lingo/src/arches_lingo/components/user/UserInteraction.vue b/arches_lingo/src/arches_lingo/components/user/UserInteraction.vue
index e0b34064..2a4f2917 100644
--- a/arches_lingo/src/arches_lingo/components/user/UserInteraction.vue
+++ b/arches_lingo/src/arches_lingo/components/user/UserInteraction.vue
@@ -51,9 +51,12 @@ const bestName = computed(() => {
 </script>
 
 <template>
-    <div style="display: flex; align-items: center;">
+    <div style="display: flex; align-items: center">
         <span>{{ $gettext("Hello %{bestName}", { bestName }) }}</span>
-        <Button style="margin-left: 1rem;" @click="issueLogout">
+        <Button
+            style="margin-left: 1rem"
+            @click="issueLogout"
+        >
             {{ $gettext("Sign out") }}
         </Button>
     </div>