diff --git a/app/javascript/components/TheRecipe.vue b/app/javascript/components/TheRecipe.vue
index f3426d3..fafa7b1 100644
--- a/app/javascript/components/TheRecipe.vue
+++ b/app/javascript/components/TheRecipe.vue
@@ -49,7 +49,7 @@
   );
 
   watch(
-      () => recipe.value?.name,
+      () => recipe.value,
       (newRecipe) => {
         if (newRecipe) {
           document.title = `${newRecipe.name}`;
diff --git a/app/javascript/styles/index.scss b/app/javascript/styles/index.scss
index 2bce11f..3fb6c62 100644
--- a/app/javascript/styles/index.scss
+++ b/app/javascript/styles/index.scss
@@ -7,7 +7,7 @@ $coolors-yellow: rgba(240, 162, 2, 1);
 
 $family-serif: Georgia, "Times New Roman", Times, serif;
 
-@use "bulma/sass" as bulma with (
+@use "bulma/versions/bulma-no-dark-mode" as bulma with (
   $family-primary: $family-serif,
   $green: $coolors-green,
   $blue: $coolors-blue,