diff --git a/src/Roux/Html.hs b/src/Roux/Html.hs
index d15b344..ce60cc5 100644
--- a/src/Roux/Html.hs
+++ b/src/Roux/Html.hs
@@ -169,6 +169,10 @@ page title content =
, "input[type=search] { background: var(--roux-bg); color: var(--roux-text); border-color: rgba(61, 44, 30, 0.2); }"
, "input[type=search]:focus { border-color: var(--roux-accent); box-shadow: 0 0 0 1px var(--roux-accent); }"
, ""
+ , "/* Import form inputs */"
+ , ".roux-import-input { background: var(--roux-bg); color: var(--roux-text); border-color: rgba(61, 44, 30, 0.2); width: 100%; margin-bottom: 1rem; }"
+ , ".roux-import-input:focus { border-color: var(--roux-accent); box-shadow: 0 0 0 1px var(--roux-accent); }"
+ , "textarea.roux-import-input { font-family: monospace; font-size: 0.85rem; resize: vertical; }"
, "/* Recipe list on index page */"
, ".roux-recipes { list-style: none; padding: 0; }"
, ".roux-recipes li { padding: 0.4rem 0; }"
@@ -599,8 +603,8 @@ importPage merror =
! A.type_ "url"
! A.id "url"
! A.name "url"
+ ! A.class_ "roux-import-input"
! A.placeholder "https://cooking.nytimes.com/recipes/..."
- ! A.style "width: 100%; margin-bottom: 1.5rem;"
-- File upload
H.label ! A.for "file-input" $ "Or upload a PDF or image"
H.input
@@ -618,8 +622,8 @@ importPage merror =
! A.id "text"
! A.name "text"
! A.rows "8"
+ ! A.class_ "roux-import-input"
! A.placeholder "Paste recipe text here..."
- ! A.style "width: 100%; margin-bottom: 1.5rem; font-family: monospace; font-size: 0.85rem;"
$ ""
-- Submit
H.button ! A.type_ "submit" $ "Import Recipe"