diff --git a/src/index.html b/src/index.html
index 128b79302a21ed1a04001f9f96ecdf00602888c4..54a20f12a45011e1f5afa9bbb65367a1169c8da6 100644
--- a/src/index.html
+++ b/src/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <title>Survey-Quizgets example</title>
 
+    <link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
     <link rel="stylesheet" href="style.css">
     <!-- SurveyJS & dependencies-->
     <script defer src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"
diff --git a/src/index.js b/src/index.js
index c4cf95d4c09844deef6c84d5267e2503664cd840..5de1494f5823abf7611e8130f9166db1b18d642d 100644
--- a/src/index.js
+++ b/src/index.js
@@ -9,6 +9,19 @@ function main() {
 
     let survey = new Survey.Model(json);
 
+    // Add "Check answers" button
+    survey.addNavigationItem({
+        id: "sv-nav-check",
+        title: "Check",
+        action: () => {
+            survey.currentPage.questions.forEach((question) => {
+                console.log("%o: correct = %o\n\tvalue         = %o\n\tcorrectAnswer = %o", question.name, question.isAnswerCorrect(), question.value, question.correctAnswer);
+            });
+        },
+        css: "nav-button",
+        innerCss: "sd-btn sd-btn--action nav-input"
+    });
+
     // Inflate the survey in the page
     $("#surveyContainer").Survey({model: survey});
-}
+}
\ No newline at end of file
diff --git a/src/style.css b/src/style.css
new file mode 100644
index 0000000000000000000000000000000000000000..d201ece86408fc53de2ff95d4ac18c594cd26cf8
--- /dev/null
+++ b/src/style.css
@@ -0,0 +1,15 @@
+/* Hide "Complete survey" button */
+#sv-nav-complete {
+    display: none;
+}
+
+/* Tweak SurveyJS' default style for our custom widgets */
+p#gapfill-container {
+    white-space: pre-wrap;
+    line-height: 3em;
+}
+select.sd-dropdown.inline-dropdown {
+    display: inline-block;
+    width: fit-content;
+    padding: 8px;
+}
\ No newline at end of file