diff --git a/assets/css/main.css b/assets/css/main.css
index 91ededb..be982f8 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -12,10 +12,9 @@ body {
   font-family: atkinson, sans-serif;
   line-height: 1.5;
   margin-inline: auto;
-  padding-inline: 20px;
-  max-width: 600px;
+  max-width: 400px;
   width: auto;
-  font-size: 1.2rem;
+  font-size: 1.1rem;
 }
 
 h1 {
@@ -44,7 +43,7 @@ table {
   margin-inline: auto;
   border-collapse: collapse;
   table-layout: fixed;
-  width: 400px;
+  width: 100%;
 }
 
 table thead {
@@ -52,7 +51,7 @@ table thead {
 }
 
 table thead th:nth-child(1) {
-  width: 80px;
+  width: 3em;
 }
 
 table tbody td {
diff --git a/assets/js/main.js b/assets/js/main.js
index 525ba1a..c728075 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -39,4 +39,6 @@ filter.addEventListener("keyup", (ev) => {
     lastFilterValue = filter.value;
     
     applyFilter(filter.value);
-})
\ No newline at end of file
+})
+
+fitler.focus();
\ No newline at end of file
diff --git a/layouts/_default/home.html b/layouts/_default/home.html
index c09dc87..cedbe17 100644
--- a/layouts/_default/home.html
+++ b/layouts/_default/home.html
@@ -2,7 +2,7 @@
   {{ .Content }}
   
   <div class="filter">
-    <input placeholder="filter" id="filter">
+    <input placeholder="Filter" id="filter">
   </div>
   
   <table>