diff --git a/docs/_includes/components/form-variables.html b/docs/_includes/components/form-variables.html
index 6953521b..12169acb 100644
--- a/docs/_includes/components/form-variables.html
+++ b/docs/_includes/components/form-variables.html
@@ -2,7 +2,7 @@
 
 <div class="content">
   <p>
-    You can use <a href="{{ site.data.meta.github | append: '/blob/master/sass/elements/form.sass#L1,L23' }}" target="_blank">these variables</a> to <strong>customize</strong> this element. Simply set one or multiple of these variables <em>before</em> importing Bulma. <a href="{{ site.url }}/documentation/overview/customize/">Learn how</a>.
+    You can use <a href="{{ site.data.meta.github | append: '/blob/master/sass/form/shared.sass#L1,L23' }}" target="_blank">these variables</a> to <strong>customize</strong> this element. Simply set one or multiple of these variables <em>before</em> importing Bulma. <a href="{{ site.url }}/documentation/overview/customize/">Learn how</a>.
   </p>
 </div>
 
diff --git a/docs/_includes/steps/add-custom-styles.html b/docs/_includes/steps/add-custom-styles.html
index 42cb4f2e..a44d24fe 100644
--- a/docs/_includes/steps/add-custom-styles.html
+++ b/docs/_includes/steps/add-custom-styles.html
@@ -31,8 +31,8 @@ $input-shadow: none;
 @import "../node_modules/bulma/sass/base/_all.sass";
 @import "../node_modules/bulma/sass/elements/button.sass";
 @import "../node_modules/bulma/sass/elements/container.sass";
-@import "../node_modules/bulma/sass/elements/form.sass";
 @import "../node_modules/bulma/sass/elements/title.sass";
+@import "../node_modules/bulma/sass/form/_all.sass";
 @import "../node_modules/bulma/sass/components/navbar.sass";
 @import "../node_modules/bulma/sass/layout/hero.sass";
 @import "../node_modules/bulma/sass/layout/section.sass";