diff --git a/biometric/templates/biometric/card_biometric_devices.html b/biometric/templates/biometric/card_biometric_devices.html
index 558190984..104ad9a53 100644
--- a/biometric/templates/biometric/card_biometric_devices.html
+++ b/biometric/templates/biometric/card_biometric_devices.html
@@ -185,17 +185,11 @@
         </div>
     </div>
 {% else %}
-    <div class="oh-wrapper-main">
-        <main :class="sidebarOpen ? 'oh-main__sidebar-visible' : ''">
-            <div class="oh-wrapper">
-                <div class="oh-404">
-                    <img style="width: 150px; height: 150px" src="{% static 'images/ui/devices.png' %}"
-                        class="oh-404__image mb-4" alt="Page not found. 404." />
-                    <h3 class="oh-404__subtitle">
-                        {% trans "No biometric devices found." %}
-                    </h3>
-                </div>
-            </div>
-        </main>
+    <div class="oh-wrapper">
+        <div class="oh-empty">
+            <img src="{% static 'images/ui/search.svg' %}" class="oh-404__image" alt="Page not found. 404." />
+            <h1 class="oh-empty__title">{% trans "No Records found." %}</h1>
+            <p class="oh-empty__subtitle">{% trans "No biometric devices found." %}</p>
+        </div>
     </div>
 {% endif %}
diff --git a/biometric/templates/biometric/empty_view_biometric.html b/biometric/templates/biometric/empty_view_biometric.html
index 1abc684e1..0ea3e2b4e 100644
--- a/biometric/templates/biometric/empty_view_biometric.html
+++ b/biometric/templates/biometric/empty_view_biometric.html
@@ -1,12 +1,8 @@
 {% load static %}{% load i18n %}
-<div class="oh-wrapper-main">
-    <main :class="sidebarOpen ? 'oh-main__sidebar-visible' : ''">
-        <div class="oh-wrapper">
-            <div class="oh-404">
-                <img style="    width: 150px;height: 150px;" src="{% static 'images/ui/devices.png' %}"
-                    class="oh-404__image mb-4" alt="Page not found. 404." />
-                <h3 class="oh-404__subtitle">{% trans "No biometric devices for attendance have been added yet." %}</h3>
-            </div>
-        </div>
-    </main>
+<div class="oh-wrapper">
+    <div class="oh-empty">
+        <img src="{% static 'images/ui/search.svg' %}" class="oh-404__image" alt="Page not found. 404." />
+        <h1 class="oh-empty__title">{% trans "No Records found." %}</h1>
+        <p class="oh-empty__subtitle">{% trans "No biometric devices found." %}</p>
+    </div>
 </div>