diff --git a/deploy-prod b/deploy-prod
new file mode 100755
index 0000000..23ad1bb
--- /dev/null
+++ b/deploy-prod
@@ -0,0 +1 @@
+exec deno run -A  https://deno.land/x/deploy/deployctl.ts  deploy --prod -p js-reading-quizz  src/server.tsx
\ No newline at end of file
diff --git a/run-dev b/run-dev
new file mode 100755
index 0000000..3a41d0f
--- /dev/null
+++ b/run-dev
@@ -0,0 +1 @@
+exec deno --unstable run -A --watch src/server.tsx
\ No newline at end of file
diff --git a/src/server.tsx b/src/server.tsx
index 6593975..836b118 100644
--- a/src/server.tsx
+++ b/src/server.tsx
@@ -83,7 +83,7 @@ function getQuestionPage(question: Question, urls: QuestionURLS, questionIndex:
             </div>
             <div class="field  is-grouped is-grouped-multiline">
                 <div class="control">
-                    <button class="button is-info"
+                    <button class="button is-info is-responsive"
                             hx-trigger="click"
                             hx-target="#message"
                             hx-post={urls.validationUrl} >
@@ -91,7 +91,7 @@ function getQuestionPage(question: Question, urls: QuestionURLS, questionIndex:
                     </button>
                 </div>
                 <div class="control">
-                    <a class="button is-info" 
+                    <a class="button is-info is-responsive" 
                     href="#" 
                     hx-trigger="next-question from:body delay:500ms, click"
                     hx-get={urls.nextQuestionUrl} 
@@ -101,7 +101,7 @@ function getQuestionPage(question: Question, urls: QuestionURLS, questionIndex:
                     </a>
                 </div>
                 <div class="control">
-                    <a class="button is-info" 
+                    <a class="button is-info is-responsive" 
                     href="#" 
                     hx-trigger="click"
                     hx-get={urls.answerQuestionUrl}