diff --git a/resources/assets/vue/components/general/elements/NotificationSectionComponent.vue b/resources/assets/vue/components/general/elements/NotificationSectionComponent.vue
index 1304ceba..e0f6fb1c 100644
--- a/resources/assets/vue/components/general/elements/NotificationSectionComponent.vue
+++ b/resources/assets/vue/components/general/elements/NotificationSectionComponent.vue
@@ -33,6 +33,27 @@
                                     </div>
                                 </div>
                             </div>
+                            <div class="row text-center m-t-50 m-b-50" v-if="notificationsLength === 0" v-show="!isLoading">
+                                <div class="col">
+                                    <div class="row align-items-center justify-content-center hint-text">
+                                        <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
+                                    </div>
+                                    <div class="row text-center">
+                                        <div class="col">
+                                            <div class="row m-t-20">
+                                                <div class="col">
+                                                    <p class="all-caps no-margin fs-11" style="letter-spacing: 2px;">Nothing To Show Here</p>
+                                                </div>
+                                            </div>
+                                            <div class="row m-t-5 align-items-center justify-content-center hide">
+                                                <div class="col">
+                                                    <small class="fs-9 muted all-caps font-lato" style="letter-spacing: 2px">There is no results found.</small>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
                             <div class="row b-t muted">
                                 <div class="col p-l-10 p-l-10 p-t-10 m-b-10 bg-white text-center">
                                     <a href="#">View All Notifications</a>