diff --git a/src/components/select-item.jsx b/src/components/select-item.jsx
index a440716..e0b409f 100644
--- a/src/components/select-item.jsx
+++ b/src/components/select-item.jsx
@@ -13,7 +13,7 @@ const SelectorItem = ({ file, clickHandler }) => {
             <Card shadow="sm">
                 <Card.Section>
                     <Image
-                        src={"/api/file/"+file.id}
+                        src={"/api/files/"+file.id}
                         alt={file.name}
                         height={100}
                         fit="cover"
diff --git a/src/pages/files/add.jsx b/src/pages/files/add.jsx
index 9446e1c..8149439 100644
--- a/src/pages/files/add.jsx
+++ b/src/pages/files/add.jsx
@@ -27,16 +27,8 @@ const ModalAddFile = ({ opened, handler, addFiles }) => {
         const formData = new FormData();
         const CHUNK_SIZE = 1 * 1024 * 1024; // 1MB chunks
 
-        files.forEach((file, index) => {
-            const totalChunks = Math.ceil(file.size / CHUNK_SIZE);
+        files.forEach((file) => formData.append(`${file.name}`, file, file.name));
 
-            for (let chunkIndex = 0; chunkIndex < totalChunks; chunkIndex++) {
-                const start = chunkIndex * CHUNK_SIZE;
-                const end = Math.min(start + CHUNK_SIZE, file.size);
-                formData.append(`${files[index].name}`, file.slice(start, end), file.name);
-            }
-        });
-        
         API.files
             .upload(formData)
             .then((res) => {
diff --git a/src/pages/files/file-view.jsx b/src/pages/files/file-view.jsx
index b235210..6a407a3 100644
--- a/src/pages/files/file-view.jsx
+++ b/src/pages/files/file-view.jsx
@@ -13,7 +13,7 @@ const FileView = ({ file, onSelect, onDelete, ...props }) => {
     return (
         <Card shadow="sm" padding="md" withBorder>
             <Card.Section>
-                <Image src={'/api/file/' + file?.id ?? ''} alt={file?.name ?? ''} withPlaceholder fit="contain" />
+                <Image src={'/api/files/' + file?.id ?? ''} alt={file?.name ?? ''} withPlaceholder fit="contain" />
             </Card.Section>
             <Text>{file?.name ?? 'File Name'}</Text>
             <Group position="center" grow>
diff --git a/src/pages/playlist/content.jsx b/src/pages/playlist/content.jsx
index b645e88..c8550cb 100644
--- a/src/pages/playlist/content.jsx
+++ b/src/pages/playlist/content.jsx
@@ -150,7 +150,7 @@ const Content = ({ form, playlistId, playlist }) => {
                         <Paper p="xs" radius="sm" shadow="sm" withBorder spacing="xs" style={{ width: '90%' }}>
                             <Flex direction="row" align="center" gap="lg" justify="flex-end">
                                 <Text>{form.getInputProps(`files.${index}.name`).value}</Text>
-                                <Image width={150} src={'/api/file/' + form.getInputProps(`files.${index}.id`).value} />
+                                <Image width={150} src={'/api/files/' + form.getInputProps(`files.${index}.id`).value} />
                                 <NumberInput
                                     required
                                     hideControls
@@ -177,7 +177,7 @@ const Content = ({ form, playlistId, playlist }) => {
                 <Paper p="xs" radius="sm" shadow="sm" withBorder spacing="xs" style={{ width: '90%' }}>
                     <Flex direction="row" align="center" gap="lg" justify="flex-end">
                         <Text>{form.getInputProps(`files.${index}.name`).value}</Text>
-                        <Image width={150} src={'/api/file/' + form.getInputProps(`files.${index}.id`).value} />
+                        <Image width={150} src={'/api/files/' + form.getInputProps(`files.${index}.id`).value} />
                         <Text>Display time: {parseTime(form.getInputProps(`files.${index}.seconds`).value)}</Text>
                     </Flex>
                 </Paper>
diff --git a/src/pages/playlists/index.jsx b/src/pages/playlists/index.jsx
index 343c46f..50a837f 100644
--- a/src/pages/playlists/index.jsx
+++ b/src/pages/playlists/index.jsx
@@ -8,7 +8,7 @@ import { Button } from '@mantine/core';
 import GrantAccess, { Perm } from '../../tools/grant-access';
 
 const Playlists = () => {
-    const [showCreate, setShowCreate] = useState(true);
+    const [showCreate, setShowCreate] = useState(false);
     const [showUpdate, setShowUpdate] = useState(false);
     const [, setItem] = useState({});
     const [page, setPage] = useState(0);