diff --git a/reminder-dashboard/src/components/Reminder/Attachment.tsx b/reminder-dashboard/src/components/Reminder/Attachment.tsx
index 1e6d48c..7e5cce8 100644
--- a/reminder-dashboard/src/components/Reminder/Attachment.tsx
+++ b/reminder-dashboard/src/components/Reminder/Attachment.tsx
@@ -1,8 +1,11 @@
 import { useReminder } from "./ReminderContext";
+import { useFlash } from "../App/FlashContext";
 
 export const Attachment = () => {
     const [{ attachment_name }, setReminder] = useReminder();
 
+    const flash = useFlash();
+
     return (
         <div class="file is-small is-boxed">
             <label class="file-label">
@@ -16,7 +19,8 @@ export const Attachment = () => {
                         let file = input.files[0];
 
                         if (file.size >= 8 * 1024 * 1024) {
-                            return { error: "File too large." };
+                            flash({ message: "File too large (max. 8MB).", type: "error" });
+                            return;
                         }
 
                         let attachment: string = await new Promise((resolve) => {