diff --git a/assets/web/css/styles.css b/assets/web/css/styles.css
index d38a889..c0449df 100644
--- a/assets/web/css/styles.css
+++ b/assets/web/css/styles.css
@@ -12,7 +12,6 @@ Yellow #F2E307
     --dark-blue: #081226;
     --yellow: #F2E307;
     --pink: #F06DF2;
-    --desktop-width: 1170px;
 }
 
 body, h1 a {
@@ -45,7 +44,7 @@ h1 a {
     font-weight: bold;
     text-decoration: none;
     transition: background-color 0.5s;
-    background-color: var(--blue);
+    background-color: var(--dark-blue);
 }
 
 .list {
diff --git a/assets/web/javascript/app.js b/assets/web/javascript/app.js
index 370d2ed..8423d26 100644
--- a/assets/web/javascript/app.js
+++ b/assets/web/javascript/app.js
@@ -44,8 +44,8 @@ function getFileListing(provider, path = "") {
 
       <div class="files list">
         ${onlyfiles.map(file =>
-          `<div class="item"><a class="file" href="/api/files/${provider}${path}/${file.Name}">
-            <span><img src="/icons/file.svg"/>${file.Name}</span>
+          `<div class="item"><a class="file" href="/api/files/${provider}${path}/${file.Name}" target="__blank">
+            <span>${file.Name}</span>
           </a><button onclick="deleteFile('${provider}', '${path === "" ? '' : path}', '${file.Name}')"><img src="/icons/trash.svg"/></button></div>
           `
         ).join('')}