diff --git a/static/main.css b/src/app.css
similarity index 66%
rename from static/main.css
rename to src/app.css
index bcf2694..8bd366a 100644
--- a/static/main.css
+++ b/src/app.css
@@ -1,6 +1,6 @@
 body {
     background-color:#004284;
-    background-image:url("%sveltekit.assets%/img/jellyfish-portrait-l.webp");
+    background-image:url("/img/jellyfish-portrait-l.webp");
     background-attachment:fixed;
     background-repeat:no-repeat;
     background-position:left top;
diff --git a/src/app.html b/src/app.html
index b92ae40..fee6650 100644
--- a/src/app.html
+++ b/src/app.html
@@ -6,7 +6,6 @@
 		<meta name="description" content="The gateway to FJLA services"/>
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 		<meta name="viewport" content="width=device-width,initial-scale=1">
-		<link rel="style" href="/main.css">
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover">
diff --git a/src/lib/components/indicatorDot.svelte b/src/lib/components/indicatorDot.svelte
index 610f570..f035841 100644
--- a/src/lib/components/indicatorDot.svelte
+++ b/src/lib/components/indicatorDot.svelte
@@ -12,6 +12,6 @@
         height: 5px;
         width: 5px;
         border-radius: 50%;
-        background-color: yellow;
+        background-color: grey;
     }
 </style>
diff --git a/src/lib/components/itemBox.svelte b/src/lib/components/itemBox.svelte
index 76a38e3..03ab951 100644
--- a/src/lib/components/itemBox.svelte
+++ b/src/lib/components/itemBox.svelte
@@ -33,7 +33,7 @@
         background-color: rgba(64,64,64,0.6);
         margin: 10px 10px;
         padding: 10px 10px;
-        width: 90%;
+        min-width: 200px;
         border-radius: 30px;
     }
 </style>
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
new file mode 100644
index 0000000..0ad60c3
--- /dev/null
+++ b/src/routes/+layout.svelte
@@ -0,0 +1,5 @@
+<script>
+    import '../app.css'
+</script>
+
+<slot />
\ No newline at end of file
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index d026fe4..d8fa98f 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -13,6 +13,21 @@ import type { BoxContent } from "$lib/types/boxContent";
     ]
 </script>
 
+<header>FJLA Gateway</header>
+
+
 {#each boxes as boxData}
     <ItemBox {boxData} />
-{/each}
\ No newline at end of file
+{/each}
+
+<style>
+    header {
+        margin: auto;
+        color: white;
+        font-size: xx-large;
+        text-align: center;
+        padding-top: 20px;
+        padding-bottom: 20px;
+
+    }
+</style>
\ No newline at end of file
