diff --git a/wp-content/themes/twentynineteen-tailwindcss/src/css/components/forms.css b/wp-content/themes/twentynineteen-tailwindcss/src/css/components/forms.css
new file mode 100644
index 0000000..b8f5ed8
--- /dev/null
+++ b/wp-content/themes/twentynineteen-tailwindcss/src/css/components/forms.css
@@ -0,0 +1,20 @@
+input[type=search] {
+  @apply border p-2;
+
+  &:focus {
+    @apply outline-none bg-gray-300
+  }
+
+  &::placeholder {
+    @apply text-black
+  }
+}
+
+input[type=submit] {
+  @apply bg-blue-600 py-2 px-4 rounded text-white block mt-2 text-sm font-bold;
+
+  &:hover,
+  &:focus {
+    @apply bg-blue-700
+  }
+}
diff --git a/wp-content/themes/twentynineteen-tailwindcss/src/css/style.css b/wp-content/themes/twentynineteen-tailwindcss/src/css/style.css
index cfd6652..b2dfb65 100644
--- a/wp-content/themes/twentynineteen-tailwindcss/src/css/style.css
+++ b/wp-content/themes/twentynineteen-tailwindcss/src/css/style.css
@@ -26,6 +26,7 @@ h2:before {
 }
 
 @import 'components/content.css';
+@import 'components/forms.css';
 @import 'components/post.css';
 @import 'components/widgets.css';