diff --git a/index.html b/index.html
index 367b848..7d43c76 100644
--- a/index.html
+++ b/index.html
@@ -3,8 +3,9 @@
   <head>
     <meta charset="UTF-8">
     <link rel="icon" href="/favicon.ico">
+    <link rel="stylesheet" href="style.css">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Vite App</title>
+    <title>Alarm Control Page</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/src/components/AlarmState.vue b/src/components/AlarmState.vue
index 098d292..4b5b75b 100644
--- a/src/components/AlarmState.vue
+++ b/src/components/AlarmState.vue
@@ -38,7 +38,12 @@ export default {
 <template>
 	<div>
 		Current alarm state: {{ status }}
+		<br>
+		<br>
 	</div>
 </template>
 
-<style scoped></style>
+<style scoped>
+
+
+</style>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..8cf2309
--- /dev/null
+++ b/style.css
@@ -0,0 +1,6 @@
+body {
+    margin: auto;
+    width: 10%;  
+    padding: 10px;
+    background-color: #ff6666;
+  }
\ No newline at end of file
