diff --git a/app/views/layouts/application.html.haml b/app/views/layouts/application.html.haml
index da0c02567..9281d265f 100644
--- a/app/views/layouts/application.html.haml
+++ b/app/views/layouts/application.html.haml
@@ -83,14 +83,14 @@
       twemoji.parse(document.body);
 
 
-    %script{:src  => "https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js", type: "text/javascript"}
+    %script{src: "https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js", type: "text/javascript"}
 
     :javascript
       docsearch({
         apiKey: '315da3c406c3fa374a0696590f4821a3',
         indexName: 'coderdojo',
         inputSelector: '#searchbox',
-        debug: false // Set debug to true if you want to inspect the dropdown
+        debug: false // Set this true if you want to inspect the dropdown
       });
 
   #fb-root
diff --git a/app/views/shared/_header.html.haml b/app/views/shared/_header.html.haml
index a50bc5c95..151bbdfb9 100644
--- a/app/views/shared/_header.html.haml
+++ b/app/views/shared/_header.html.haml
@@ -32,7 +32,7 @@
           <label for="search" class="search-label"><img src="/img/search.svg" alt="検索" class="search-icon" /></label>
           = check_box_tag :search, "検索アイコン", false, class: 'search-checkbox'
           .search
-            %input#searchbox{ :placeholder => "資料を検索", :type => "text" }
+            %input#searchbox{ placeholder: "資料を検索", type: "text" }
             #hits
             #pagination
         %li= link_to 'お問い合わせ',   '/#contact'