diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html
index 817292db..391bf483 100644
--- a/docs/_includes/footer.html
+++ b/docs/_includes/footer.html
@@ -14,9 +14,9 @@
           <form action="https://bbxdesign.us3.list-manage.com/subscribe/post?u=b43b93fe633f0560b2a72a69c&amp;id=52585e8803" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
             <div id="mc_embed_signup_scroll">
               <div class="field is-grouped">
-                <div class="control has-icon is-expanded">
+                <div class="control has-icons-left is-expanded">
                   <input type="email" value="" name="EMAIL" class="input is-flat required email" id="mce-EMAIL" placeholder="email address" required>
-                  <span class="icon is-small">
+                  <span class="icon is-small is-left">
                     <i class="fa fa-envelope"></i>
                   </span>
                 </div>
diff --git a/docs/documentation/components/panel.html b/docs/documentation/components/panel.html
index da5656af..0fef9e81 100644
--- a/docs/documentation/components/panel.html
+++ b/docs/documentation/components/panel.html
@@ -45,9 +45,9 @@ doc-subtab: panel
     Repositories
   </p>
   <div class="panel-block">
-    <p class="control has-icon">
+    <p class="control has-icons-left">
       <input class="input is-small" type="text" placeholder="Search">
-      <span class="icon is-small">
+      <span class="icon is-small is-left">
         <i class="fa fa-search"></i>
       </span>
     </p>