diff --git a/dyesub-tool/index.html b/dyesub-tool/index.html
index c84ca76..a8e7770 100644
--- a/dyesub-tool/index.html
+++ b/dyesub-tool/index.html
@@ -5,6 +5,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>dyesub-tool</title>
         <link data-trunk rel="css" href="missing.min.css"> <!-- 1.0.9 -->
+        <style>:root { cursor: inherit } button, input[type="submit"] { cursor: pointer }</style>
     </head>
     <body>
         <main>
diff --git a/dyesub-tool/src/main.rs b/dyesub-tool/src/main.rs
index e756c60..fe7e7f1 100644
--- a/dyesub-tool/src/main.rs
+++ b/dyesub-tool/src/main.rs
@@ -3,12 +3,12 @@
 mod render;
 pub mod svg;
 
+use class_list::class_list;
 use derive_more::From;
 use leptos::{ev::SubmitEvent, html::Input, *};
 use strum_macros::IntoStaticStr;
 use wasm_bindgen::{JsCast, JsValue};
 use web_sys::File;
-use class_list::class_list;
 
 #[derive(Clone)]
 struct ResultMessageData {
@@ -35,12 +35,24 @@ enum Colorway {
 
 #[component]
 fn ResultMessage(cx: Scope, message: ReadSignal<Option<ResultMessageData>>) -> impl IntoView {
-    move || message().map(|ResultMessageData { title, message, colorway }| view! { cx,
-        <div class=class_list!["box", <Colorway as Into<&str>>::into(colorway)]>
-            <h3>{title}</h3>
-            <p>{message}</p>
-        </div>
-    })
+    let (open, set_open) = create_signal(cx, true);
+    create_effect(cx, move |_| {
+        message.track();
+        set_open(true);
+    });
+    move || {
+        view! { cx,
+            <Show when=move || open() fallback=|_| ()>
+                {move || message().map(|ResultMessageData { title, message, colorway }| view! { cx,
+                    <div class=class_list!["box", <Colorway as Into<&str>>::into(colorway)] style="position: relative">
+                        <strong class="block titlebar">{title}</strong>
+                        <button class="iconbutton" on:click=move |_| set_open(false) style="position: absolute; bottom: 0.5em; right: 0.5em">"×"</button>
+                        <p>{message}</p>
+                    </div>
+                })}
+            </Show>
+        }
+    }
 }
 
 #[derive(From, IntoStaticStr)]
@@ -94,8 +106,7 @@ fn KeyboardFromFile(
     let file_input = create_node_ref::<Input>(cx);
     let (file, set_file) = create_signal(cx, Option::<File>::None);
     let (result_message, set_result_message) = create_signal(cx, Option::<ResultMessageData>::None);
-    let on_submit = move |e: SubmitEvent| {
-        e.prevent_default();
+    let on_submit = move || {
         spawn_local(async move {
             match read_kle_from_file(&file).await {
                 Ok(keyboard) => {
@@ -109,34 +120,35 @@ fn KeyboardFromFile(
                     }));
                     set_keyboard(Some(keyboard));
                 }
-                Err(err) => set_result_message(Some(ResultMessageData {
-                    message: view! { cx,
-                        {
-                            err.to_string()
+                Err(err) => {
+                    set_result_message(Some(ResultMessageData {
+                        message: view! { cx,
+                            {
+                                err.to_string()
+                            }
                         }
-                    }
-                    .into_view(cx),
-                    title: <ReadKleError as Into<&str>>::into(err).to_string(),
-                    colorway: Colorway::Bad,
-                })),
+                        .into_view(cx),
+                        title: <ReadKleError as Into<&str>>::into(err).to_string(),
+                        colorway: Colorway::Bad,
+                    }));
+                    file_input().unwrap().set_value("");
+                }
             }
         });
     };
     view! { cx,
         <h3>"Load KLE JSON from file"</h3>
         <ResultMessage message=result_message />
-        <form class="f-row align-items:center" on:submit=on_submit>
+        <form class="f-row align-items:center">
             <input
                 type="file"
                 accept="application/json"
                 node_ref=file_input
                 on:change=move |_| {
                     set_file(file_input().unwrap().files().map(|files| files.get(0)).flatten());
+                    on_submit();
                 }
             />
-            <Show when=move || file().is_some() fallback=move |_| {}>
-                <input type="submit" value="Load" />
-            </Show>
         </form>
     }
 }
