diff --git a/website/assets/js/components/rituals.component.js b/website/assets/js/components/rituals.component.js
index f3c6ba0aa8..7f8d842ffd 100644
--- a/website/assets/js/components/rituals.component.js
+++ b/website/assets/js/components/rituals.component.js
@@ -46,8 +46,8 @@ parasails.registerComponent('rituals', {
           <td>{{ritual.task}}</td>
           <td>{{ritual.startedOn}}</td>
           <td>{{ritual.frequency}}</td>
-          <td v-if="!ritual.moreInfoUrl">{{ritual.description}}</td>
-          <td v-else><a :href="ritual.moreInfoUrl">{{ritual.description}}</a></td>
+          <td purpose="ritual-description" v-if="!ritual.moreInfoUrl">{{ritual.description}}</td>
+          <td purpose="ritual-description" v-else><a :href="ritual.moreInfoUrl">{{ritual.description}}</a></td>
           <td>{{ritual.dri}}</td>
         </tr>
       </tbody>
diff --git a/website/assets/styles/pages/handbook/basic-handbook.less b/website/assets/styles/pages/handbook/basic-handbook.less
index c60ad8d8ae..e4e37576cd 100644
--- a/website/assets/styles/pages/handbook/basic-handbook.less
+++ b/website/assets/styles/pages/handbook/basic-handbook.less
@@ -463,6 +463,9 @@
         padding-bottom: 0px;
       }
     }
+    [purpose='ritual-description'] {
+      white-space: preserve;
+    }
     [purpose='checklist-item'] {
       display: flex;
       input[type='checkbox'] {