diff --git a/frontend/src/components/Activities.vue b/frontend/src/components/Activities.vue
index eff4bf6f..dd4051ce 100644
--- a/frontend/src/components/Activities.vue
+++ b/frontend/src/components/Activities.vue
@@ -96,11 +96,11 @@
   </div>
 </template>
 <script setup>
-import { Button, FeatherIcon, Tooltip } from 'frappe-ui'
+import UserAvatar from '@/components/UserAvatar.vue'
 import { timeAgo, dateFormat, dateTooltipFormat } from '@/utils'
 import { usersStore } from '@/stores/users'
+import { Button, FeatherIcon, Tooltip } from 'frappe-ui'
 import { computed } from 'vue'
-import UserAvatar from './UserAvatar.vue'
 
 const { getUser } = usersStore()
 
diff --git a/frontend/src/components/AppSidebar.vue b/frontend/src/components/AppSidebar.vue
index 4d5db509..712e06ee 100644
--- a/frontend/src/components/AppSidebar.vue
+++ b/frontend/src/components/AppSidebar.vue
@@ -24,13 +24,13 @@
 </template>
 
 <script setup>
-import UserDropdown from './UserDropdown.vue'
-import LeadsIcon from './Icons/LeadsIcon.vue'
-import DealsIcon from './Icons/DealsIcon.vue'
-import ContactsIcon from './Icons/ContactsIcon.vue'
-import InboxIcon from './Icons/InboxIcon.vue'
-import DashboardIcon from './Icons/DashboardIcon.vue'
-import NavLinks from './NavLinks.vue'
+import UserDropdown from '@/components/UserDropdown.vue'
+import LeadsIcon from '@/components/Icons/LeadsIcon.vue'
+import DealsIcon from '@/components/Icons/DealsIcon.vue'
+import ContactsIcon from '@/components/Icons/ContactsIcon.vue'
+import InboxIcon from '@/components/Icons/InboxIcon.vue'
+import DashboardIcon from '@/components/Icons/DashboardIcon.vue'
+import NavLinks from '@/components/NavLinks.vue'
 
 const navigations = [
   {
diff --git a/frontend/src/components/LayoutHeader.vue b/frontend/src/components/LayoutHeader.vue
index 4401b21e..55add86f 100644
--- a/frontend/src/components/LayoutHeader.vue
+++ b/frontend/src/components/LayoutHeader.vue
@@ -1,12 +1,12 @@
 <template>
-  <div id="header" class="flex justify-between items-center px-5 py-3">
+  <header class="flex justify-between items-center px-5 py-3">
     <div class="flex items-center gap-2">
       <slot name="left-header" />
     </div>
     <div class="flex items-center gap-2">
       <slot name="right-header" class="flex items-center gap-2" />
     </div>
-  </div>
+  </header>
   <div
     v-if="$slots['left-subheader'] || $slots['right-subheader']"
     id="sub-header"
diff --git a/frontend/src/components/NavLinks.vue b/frontend/src/components/NavLinks.vue
index 5c82a9ce..7950bbd3 100644
--- a/frontend/src/components/NavLinks.vue
+++ b/frontend/src/components/NavLinks.vue
@@ -11,7 +11,7 @@
   </NavLink>
 </template>
 <script setup>
-import NavLink from './NavLink.vue'
+import NavLink from '@/components/NavLink.vue'
 
 const props = defineProps(['links', 'active', 'inactive'])
 </script>
diff --git a/frontend/src/components/UserAvatar.vue b/frontend/src/components/UserAvatar.vue
index 3b1f8ad8..0200e15e 100644
--- a/frontend/src/components/UserAvatar.vue
+++ b/frontend/src/components/UserAvatar.vue
@@ -7,8 +7,8 @@
   />
 </template>
 <script setup>
-import { Avatar } from 'frappe-ui'
 import { usersStore } from '@/stores/users'
+import { Avatar } from 'frappe-ui'
 
 const props = defineProps({
   user: {
diff --git a/frontend/src/components/UserDropdown.vue b/frontend/src/components/UserDropdown.vue
index 7e82c90d..78c844d7 100644
--- a/frontend/src/components/UserDropdown.vue
+++ b/frontend/src/components/UserDropdown.vue
@@ -21,10 +21,10 @@
 </template>
 
 <script setup>
-import { Dropdown, FeatherIcon } from 'frappe-ui'
+import UserAvatar from '@/components/UserAvatar.vue'
 import { sessionStore } from '@/stores/session'
 import { usersStore } from '@/stores/users'
-import UserAvatar from '@/components/UserAvatar.vue'
+import { Dropdown, FeatherIcon } from 'frappe-ui'
 import { computed } from 'vue'
 
 const { logout } = sessionStore()
diff --git a/frontend/src/pages/Lead.vue b/frontend/src/pages/Lead.vue
index 40eaf2ff..f2ee11f2 100644
--- a/frontend/src/pages/Lead.vue
+++ b/frontend/src/pages/Lead.vue
@@ -209,7 +209,12 @@ import IndicatorIcon from '@/components/Icons/IndicatorIcon.vue'
 import LayoutHeader from '@/components/LayoutHeader.vue'
 import Toggler from '@/components/Toggler.vue'
 import Activities from '@/components/Activities.vue'
+import Breadcrumbs from '@/components/Breadcrumbs.vue'
+import UserAvatar from '@/components/UserAvatar.vue'
 import { TabGroup, TabList, Tab, TabPanels, TabPanel } from '@headlessui/vue'
+import { TransitionPresets, useTransition } from '@vueuse/core'
+import { dateFormat, timeAgo, dateTooltipFormat } from '@/utils'
+import { usersStore } from '@/stores/users'
 import {
   createResource,
   FeatherIcon,
@@ -218,12 +223,7 @@ import {
   Dropdown,
   Tooltip,
 } from 'frappe-ui'
-import { TransitionPresets, useTransition } from '@vueuse/core'
-import { usersStore } from '@/stores/users'
-import { dateFormat, timeAgo, dateTooltipFormat } from '@/utils'
 import { ref, computed, h } from 'vue'
-import Breadcrumbs from '@/components/Breadcrumbs.vue'
-import UserAvatar from '@/components/UserAvatar.vue'
 
 const { getUser, users } = usersStore()