diff --git a/src/bad_apple.gleam b/src/bad_apple.gleam
index b9b962b..113f5a3 100644
--- a/src/bad_apple.gleam
+++ b/src/bad_apple.gleam
@@ -160,19 +160,20 @@ fn server_component_runtime(context: Context) {
   let runtime_path =
     filepath.join(context.lustre_priv, "static")
     |> filepath.join("lustre-server-component.min.mjs")
-  let assert Ok(runtime) = simplifile.read(runtime_path)
+
+  let assert Ok(body) = mist.send_file(runtime_path, 0, option.None)
 
   response.new(200)
-  |> response.set_body(mist.Bytes(bytes_tree.from_string(runtime)))
+  |> response.set_body(body)
   |> response.set_header("content-type", "application/javascript")
 }
 
 fn serve_css(context: Context) {
-  let assert Ok(css) =
-    simplifile.read(filepath.join(context.priv_directory, "style.css"))
+  let path = filepath.join(context.priv_directory, "style.css")
+  let assert Ok(body) = mist.send_file(path, 0, option.None)
 
   response.new(200)
-  |> response.set_body(mist.Bytes(bytes_tree.from_string(css)))
+  |> response.set_body(body)
   |> response.set_header("content-type", "text/css")
 }