diff --git a/.env b/.env
index beafddf..e43d662 100644
--- a/.env
+++ b/.env
@@ -1 +1 @@
-VITE_API_URL=https://api-url:port
\ No newline at end of file
+VITE_API_URL=api-url:port
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index 4a9b1e4..79d67c1 100644
--- a/.gitignore
+++ b/.gitignore
@@ -23,4 +23,8 @@ dist-ssr
 *.ntvs*
 *.njsproj
 *.sln
-*.sw?
\ No newline at end of file
+*.sw?
+
+.env
+.env.local
+.env.*
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index ec0dc22..67fa4ae 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -48,7 +48,7 @@
         "storybook": "^8.3.4",
         "typescript": "^5.5.3",
         "typescript-eslint": "^8.0.1",
-        "vite": "^5.4.10"
+        "vite": "^5.4.11"
       }
     },
     "node_modules/@adobe/css-tools": {
@@ -8704,10 +8704,11 @@
       }
     },
     "node_modules/vite": {
-      "version": "5.4.10",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.10.tgz",
-      "integrity": "sha512-1hvaPshuPUtxeQ0hsVH3Mud0ZanOLwVTneA1EgbAM5LhaZEqyPWGRQ7BtaMvUrTDeEaC8pxtj6a6jku3x4z6SQ==",
+      "version": "5.4.11",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.11.tgz",
+      "integrity": "sha512-c7jFQRklXua0mTzneGW9QVyxFjUgwcihC4bXEtujIo2ouWCe1Ajt/amn2PCxYnhYfd5k09JX3SB7OYWFKYqj8Q==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "esbuild": "^0.21.3",
         "postcss": "^8.4.43",
diff --git a/package.json b/package.json
index 2655353..62e8e21 100644
--- a/package.json
+++ b/package.json
@@ -54,7 +54,7 @@
     "storybook": "^8.3.4",
     "typescript": "^5.5.3",
     "typescript-eslint": "^8.0.1",
-    "vite": "^5.4.10"
+    "vite": "^5.4.11"
   },
   "lint-staged": {
     "*.{ts,tsx,js,jsx}": [
diff --git a/src/components/PreviewCard.tsx b/src/components/PreviewCard.tsx
index 0ca59c1..a17756b 100644
--- a/src/components/PreviewCard.tsx
+++ b/src/components/PreviewCard.tsx
@@ -104,17 +104,20 @@ function PreviewCard({ selectedData }: PreviewCardProps) {
                   gap: "10px",
                 }}
               >
-                <DownloadButton
-                  buttonText="MCAP"
-                  //One file for now -- can make it dynamically read several files at a time
-                  fileName={selectedData.mcap_files[0].file_name}
-                  signedUrl={selectedData.mcap_files[0].signed_url ?? null}
-                />
-                <DownloadButton
-                  buttonText="MAT"
-                  fileName={selectedData.mat_files[0].file_name}
-                  signedUrl={selectedData.mat_files[0].signed_url}
-                />
+                {selectedData.mcap_files.map((item) => (
+                  <DownloadButton
+                    buttonText="MCAP"
+                    fileName={item.file_name}
+                    signedUrl={item.signed_url ?? null}
+                  />
+                ))}
+                {selectedData.mat_files.map((item) => (
+                  <DownloadButton
+                    buttonText="MAT"
+                    fileName={item.file_name}
+                    signedUrl={item.signed_url}
+                  />
+                ))}
               </div>
             </>
           ) : (