diff --git a/assets/js/vue/components/alsijil/CourseBook.js b/assets/js/vue/components/alsijil/CourseBook.js
index b1a6804add0fc6003575d8cb0020d9a1438ace37..c121b72674862e4ff636084c31c80410780dbd7a 100644
--- a/assets/js/vue/components/alsijil/CourseBook.js
+++ b/assets/js/vue/components/alsijil/CourseBook.js
@@ -88,7 +88,7 @@ export default {
     >
     <template v-slot="{ result: { loading, error, data } }">
         <!-- Error -->
-        <div v-if="error" class="error apollo">An error occurred</div>
+        <message-box v-if="error" type="error">An error occurred</message-box>
     
         <!-- Result -->
         <div v-else-if="data" class="result apollo">