diff --git a/infertweet/ui/web/templates/index.html b/infertweet/ui/web/templates/index.html
index f7342e7..2b93bab 100644
--- a/infertweet/ui/web/templates/index.html
+++ b/infertweet/ui/web/templates/index.html
@@ -11,7 +11,7 @@
         <div id="mainbody">
             <h1>InferTweet</h1>
             <form action="sentiment/" method="get">
-                <input type="text" id="query" name="q" size="40" autofocus="autofocus"><br>
+                <input type="text" id="query" name="q" style='width:100%' autofocus="autofocus"><br>
                 <input type="submit" value="Estimate Tone">
             </form>
         </div>
diff --git a/infertweet/ui/web/templates/sentiment.html b/infertweet/ui/web/templates/sentiment.html
index 914e863..7d0e96a 100644
--- a/infertweet/ui/web/templates/sentiment.html
+++ b/infertweet/ui/web/templates/sentiment.html
@@ -11,7 +11,7 @@
     <div id="mainbody">
         <h1>InferTweet</h1>
         <form method="get">
-            <input type="text" id="query" name="q" autofocus="autofocus" size="40" value="{{ query }}"><br>
+            <input type="text" id="query" name="q" autofocus="autofocus" style='width:100%' value="{{ query }}"><br>
             <input type="submit" value="Estimate Tone">
         </form>
         <br>