diff --git a/index.html b/index.html
index a517484..6edc7dd 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
@@ -6,12 +6,10 @@
     <meta name="theme-color" content="#000000" />
     <title>Washing Machine</title>
   </head>
-  <body>
-    <noscript
-      >You need to enable JavaScript to run this app because I wanted to try out
-      solidjs sorry</noscript
-    >
-    <div id="root"></div>
+  <body class="bg-slate-200 text-neutral-800">
+    <noscript>You need to enable JavaScript to run this app because I wanted to
+      try out solidjs sorry</noscript>
+    <div class="flex justify-center" id="root"></div>
 
     <script src="/src/index.tsx" type="module"></script>
   </body>
diff --git a/package.json b/package.json
index b890ccf..8071e1e 100644
--- a/package.json
+++ b/package.json
@@ -1,24 +1,24 @@
 {
-    "name": "vite-template-solid",
-    "version": "0.1.0",
-    "description": "",
-    "type": "module",
-    "scripts": {
-        "start": "vite",
-        "dev": "vite",
-        "build": "vite build",
-        "serve": "vite preview"
-    },
-    "license": "AGPL-3.0-only",
-    "devDependencies": {
-        "@tailwindcss/vite": "^4.1.13",
-        "solid-devtools": "^0.34.3",
-        "tailwindcss": "^4.1.13",
-        "typescript": "^5.9.2",
-        "vite": "^7.1.4",
-        "vite-plugin-solid": "^2.11.8"
-    },
-    "dependencies": {
-        "solid-js": "^1.9.9"
-    }
+  "name": "vite-template-solid",
+  "version": "0.1.0",
+  "description": "",
+  "type": "module",
+  "scripts": {
+    "start": "vite",
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview"
+  },
+  "license": "AGPL-3.0-only",
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.1.13",
+    "solid-devtools": "^0.34.3",
+    "tailwindcss": "^4.1.13",
+    "typescript": "^5.9.2",
+    "vite": "^7.1.4",
+    "vite-plugin-solid": "^2.11.8"
+  },
+  "dependencies": {
+    "solid-js": "^1.9.9"
+  }
 }
diff --git a/src/App.tsx b/src/App.tsx
index 02d6880..d4070fa 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,7 +1,17 @@
 import type { Component } from "solid-js";
 
 const App: Component = () => {
-    return <p class="text-4xl text-green-700 text-center py-20">*washes u*</p>;
+  return (
+    <div class="max-w-xl w-full p-5">
+      <h1 class="text-2xl mb-10">Washing Machine</h1>
+      <div class="flex">
+        <input class="bg-slate-300 p-2 w-full" type="search" />
+        <buttom class="bg-slate-800 text-neutral-200 p-2" type="submit">
+          wash
+        </buttom>
+      </div>
+    </div>
+  );
 };
 
 export default App;