diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 71e56d0..ca0d026 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import HeaderComponent from '$lib/components/Header.svelte';
+  import HeaderComponent from '../lib/components/Header.svelte';
   // import Darkmode from '$lib/components/Darkmode.svelte'
   import '../styles/global.css';
 </script>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 2db7b72..54d0922 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,13 +1,12 @@
 <script lang="ts">
-  import PageHeader from '$lib/components/PageHeader.svelte'
-  import Display from '$lib/components/display.svelte'
-  import VerticalSensorDisplay from '$lib/components/VerticalSensorDisplay.svelte'
-  import Livestream from '$lib/components/Livestream.svelte'
-  import BrewProgress from '$lib/components/BrewProgress.svelte';
+  import PageHeader from '../lib/components/PageHeader.svelte';
+  import VerticalSensorDisplay from '../lib/components/VerticalSensorDisplay.svelte';
+  // import Livestream from '$lib/components/Livestream.svelte'
+  import BrewProgress from '../lib/components/BrewProgress.svelte';
   import type { PageData } from './$types';
   import RelayControls from '../lib/components/RelayControls.svelte';
 
-  export let data: PageData
+  export let data: PageData;
   const { inside, outside, relays } = data;
 </script>
 
@@ -16,9 +15,9 @@
 <div class="vertical-grid">
   <BrewProgress />
 
-  <VerticalSensorDisplay {inside} {outside} />
+  <VerticalSensorDisplay inside="{inside}" outside="{outside}" />
 
-  <RelayControls {relays} />
+  <RelayControls relays="{relays}" />
 
   <!-- <Livestream /> -->
 </div>