diff --git a/ui/src/App.vue b/ui/src/App.vue
index ff9a36b..6c2f6b6 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -22,7 +22,7 @@
 import { Component, Vue } from "vue-property-decorator";
 import Calendar from "./components/calendar/Calendar.vue";
 import Dashboard from "./components/Dashboard.vue";
-import TitleBar from "./components/TitleBar.vue";
+import TitleBar from "./components/title_bar/TitleBar.vue";
 import TickerBar from "./components/TickerBar.vue";
 
 @Component({
diff --git a/ui/src/components/Clock.vue b/ui/src/components/title_bar/Clock.vue
similarity index 100%
rename from ui/src/components/Clock.vue
rename to ui/src/components/title_bar/Clock.vue
diff --git a/ui/src/components/THWLogo.vue b/ui/src/components/title_bar/THWLogo.vue
similarity index 96%
rename from ui/src/components/THWLogo.vue
rename to ui/src/components/title_bar/THWLogo.vue
index f9d0772..97bae63 100644
--- a/ui/src/components/THWLogo.vue
+++ b/ui/src/components/title_bar/THWLogo.vue
@@ -8,7 +8,7 @@
         class="d-none d-sm-flex"
         max-width="56"
         max-height="56"
-        :src="require('../assets/thw.svg')"
+        :src="require('@/assets/thw.svg')"
       />
     </div>
     <v-divider class="d-none d-md-block my-1" />
diff --git a/ui/src/components/TitleBar.vue b/ui/src/components/title_bar/TitleBar.vue
similarity index 100%
rename from ui/src/components/TitleBar.vue
rename to ui/src/components/title_bar/TitleBar.vue