diff --git a/packages/jaeger-ui/src/components/SearchTracePage/FileLoader.tsx b/packages/jaeger-ui/src/components/SearchTracePage/FileLoader.tsx
index ade3f26b5e..bcbe7f1fad 100644
--- a/packages/jaeger-ui/src/components/SearchTracePage/FileLoader.tsx
+++ b/packages/jaeger-ui/src/components/SearchTracePage/FileLoader.tsx
@@ -27,7 +27,7 @@ type FileLoaderProps = {
 export default function FileLoader(props: FileLoaderProps) {
   return (
     <Dragger
-      accept=".json"
+      accept=".json,.jsonl"
       beforeUpload={(file, fileList) => {
         fileList.forEach(fileFromList => props.loadJsonTraces({ file: fileFromList }));
         return false;
diff --git a/packages/jaeger-ui/src/components/SearchTracePage/__snapshots__/FileLoader.test.js.snap b/packages/jaeger-ui/src/components/SearchTracePage/__snapshots__/FileLoader.test.js.snap
index 961cc7a98b..c4fb631911 100644
--- a/packages/jaeger-ui/src/components/SearchTracePage/__snapshots__/FileLoader.test.js.snap
+++ b/packages/jaeger-ui/src/components/SearchTracePage/__snapshots__/FileLoader.test.js.snap
@@ -2,7 +2,7 @@
 
 exports[`<FileLoader /> matches the snapshot 1`] = `
 <Dragger
-  accept=".json"
+  accept=".json,.jsonl"
   beforeUpload={[Function]}
   multiple={true}
 >