diff --git a/README.md b/README.md
index e6f967401cf..b0f2ccacabd 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # Hugo Learn Theme
 
-This repository contains a theme for [Hugo](https://gohugo.io/), based on great [Grav Learn Theme](http://learn.getgrav.org/).
+This repository contains a theme for [Hugo](https://gohugo.io/), based on great [Grav Learn Theme](https://learn.getgrav.org/).
 
 Visit the [theme documentation](https://learn.netlify.com/en/) to see what is going on. It is actually built with this theme.
 
diff --git a/layouts/partials/search.html b/layouts/partials/search.html
index dbf8ad728c6..41daf84b9cd 100644
--- a/layouts/partials/search.html
+++ b/layouts/partials/search.html
@@ -1,6 +1,6 @@
 <div class="searchbox">
     <label for="search-by"><i class="fas fa-search"></i></label>
-    <input data-search-input id="search-by" type="text" placeholder="{{T "Search-placeholder"}}">
+    <input data-search-input id="search-by" type="search" placeholder="{{T "Search-placeholder"}}">
     <span data-search-clear=""><i class="fas fa-times"></i></span>
 </div>
 {{ $assetBusting := not .Site.Params.disableAssetsBusting }}
diff --git a/netlify.toml b/netlify.toml
new file mode 100644
index 00000000000..bf02f0d7946
--- /dev/null
+++ b/netlify.toml
@@ -0,0 +1,24 @@
+[build]
+  publish = "exampleSite/public"
+  command = "hugo -s exampleSite"
+
+[build.environment]
+  HUGO_THEME = "repo"
+  HUGO_THEMESDIR = "/opt/build"
+  HUGO_VERSION = "0.50"
+
+[context.production.environment]
+  HUGO_BASEURL = "https://learn.netlify.com/"
+
+[context.deploy-preview]
+  command = "hugo -s exampleSite -b $DEPLOY_PRIME_URL"
+
+[context.deploy-preview.environment]
+  HUGO_ENABLEGITINFO = "true"
+
+[context.branch-deplpy]
+  command = "hugo -s exampleSite -b $DEPLOY_PRIME_URL"
+
+[context.branch-deploy.environment]
+  HUGO_ENABLEGITINFO = "true"
+
diff --git a/static/mermaid/mermaid.css b/static/mermaid/mermaid.css
index 769933f0af9..1ca8f3dd9cd 100644
--- a/static/mermaid/mermaid.css
+++ b/static/mermaid/mermaid.css
@@ -258,6 +258,9 @@ text.actor {
   font-family: 'trebuchet ms', verdana, arial;
   font-size: 14px;
 }
+.node.clickable {
+  cursor: pointer;
+}
 div.mermaidTooltip {
   position: absolute;
   text-align: center;
@@ -271,3 +274,4 @@ div.mermaidTooltip {
   pointer-events: none;
   z-index: 100;
 }
+
diff --git a/static/mermaid/mermaid.dark.css b/static/mermaid/mermaid.dark.css
index df49a4e1185..507efb4ea57 100644
--- a/static/mermaid/mermaid.dark.css
+++ b/static/mermaid/mermaid.dark.css
@@ -260,6 +260,9 @@ text.actor {
   font-family: 'trebuchet ms', verdana, arial;
   font-size: 14px;
 }
+.node.clickable {
+  cursor: pointer;
+}
 div.mermaidTooltip {
   position: absolute;
   text-align: center;
diff --git a/static/mermaid/mermaid.forest.css b/static/mermaid/mermaid.forest.css
index ecfbe7fe224..ad432d59d83 100644
--- a/static/mermaid/mermaid.forest.css
+++ b/static/mermaid/mermaid.forest.css
@@ -338,6 +338,9 @@ svg .classLabel .label {
   font-family: 'trebuchet ms', verdana, arial;
   font-size: 14px;
 }
+.node.clickable {
+  cursor: pointer;
+}
 div.mermaidTooltip {
   position: absolute;
   text-align: center;