diff --git a/frontend/src/Attendance.jsx b/frontend/src/Attendance.jsx
index b45887c..b9ad764 100644
--- a/frontend/src/Attendance.jsx
+++ b/frontend/src/Attendance.jsx
@@ -36,6 +36,12 @@ const Attendance = () => {
           Submit
         </button>
       )}
+      <div className={styles.attend_img_container}>
+        <img src="" />
+        <Icon icon="tabler:boom" width="24" height="24" />
+        <img src="" />
+        <img src="" />
+      </div>
     </div>
   );
 };
diff --git a/frontend/src/assets/img/tabler--boom.svg b/frontend/src/assets/img/tabler--boom.svg
new file mode 100644
index 0000000..8c6b2eb
--- /dev/null
+++ b/frontend/src/assets/img/tabler--boom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 9.662C5 12 5 14 3 16c3 .5 4.5 1 5 4c2-3 6-4 9 0c0-3 1-4 4-4.004Q18 13.001 21 10c-3 0-5-2-5-5c-2 4-5 3-7.5-1C8 7 6 9 3 9.662"/></svg>
\ No newline at end of file
diff --git a/frontend/src/components/InputBlock.jsx b/frontend/src/components/InputBlock.jsx
index 5caf6cc..65ae0ab 100644
--- a/frontend/src/components/InputBlock.jsx
+++ b/frontend/src/components/InputBlock.jsx
@@ -10,7 +10,7 @@ const InputBlock = ({ inputs, onChange, values }) => {
           className="inputTag"
           type={input.type}
           placeholder={input.placeholder}
-          value={values[index] || ""}
+          value={values?.[index] || ""}
           onChange={(e) => onChange && onChange(index, e.target.value)}
         />
       ))}