diff --git a/src/components/Home.svelte b/src/components/Home.svelte
index 1ba44aa9..4438cb22 100644
--- a/src/components/Home.svelte
+++ b/src/components/Home.svelte
@@ -32,7 +32,7 @@
     <div class="search">
       <!-- <span>Search</span> -->
       <img class="icon" src="assets/stickers/search@2x.png" aria-hidden="true" alt="" />
-      <input placeholder="Find a story" bind:value={searchValue} />
+      <input type="text" placeholder="Find a story" bind:value={searchValue} />
     </div>
     <div class="filters">
       <Filters {filters} bind:activeFilter></Filters>
@@ -61,7 +61,7 @@
   }
 
   input {
-    margin-left: 4px;
+    /* margin-left: 4px; */
     width: 10em;
     outline: 2px solid var(--color-fg);
     border-radius: 1px;
@@ -69,7 +69,6 @@
 
   input::placeholder {
     font-family: var(--mono);
-    font-size: var(--12px);
   }
 
   .icon {
@@ -84,7 +83,7 @@
 
   @media only screen and (min-width: 400px) {
     input {
-      margin-left: 8px;
+      margin-left: -8px;
       width: 12em;
     }
   }
diff --git a/src/styles/app.css b/src/styles/app.css
index 7fad9bad..3f977692 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -165,4 +165,11 @@ svg {
 
 .inner strong, li strong {
 	font-family: var(--sans);
+}
+
+input[type="search"], 
+input[type="text"], 
+textarea {
+  font-size: 16px;
+	transform: scale(0.75);
 }
\ No newline at end of file