diff --git a/api/server/routes/presets.js b/api/server/routes/presets.js
index 53a3801d6e..09146be112 100644
--- a/api/server/routes/presets.js
+++ b/api/server/routes/presets.js
@@ -1,10 +1,10 @@
 const express = require('express');
 const router = express.Router();
-const { getPreset, getPresets, savePreset, deletePresets } = require('../../models');
+const { getPresets, savePreset, deletePresets } = require('../../models');
 const crypto = require('crypto');
 
 router.get('/', async (req, res) => {
-  const presets = (await getPresets(req?.session?.user?.username)).map(preset => {
+  const presets = (await getPresets(req?.session?.user?.username)).map((preset) => {
     return preset.toObject();
   });
   res.status(200).send(presets);
@@ -18,7 +18,7 @@ router.post('/', async (req, res) => {
   try {
     await savePreset(req?.session?.user?.username, update);
 
-    const presets = (await getPresets(req?.session?.user?.username)).map(preset => {
+    const presets = (await getPresets(req?.session?.user?.username)).map((preset) => {
       return preset.toObject();
     });
     res.status(201).send(presets);
@@ -34,12 +34,14 @@ router.post('/delete', async (req, res) => {
 
   if (presetId) filter = { presetId };
 
+  console.log('delete preset filter', filter);
+
   try {
     await deletePresets(req?.session?.user?.username, filter);
 
-    const presets = (await getPresets(req?.session?.user?.username)).map(preset => {
-      return preset.toObject();
-    });
+    const presets = (await getPresets(req?.session?.user?.username)).map(preset => preset.toObject());
+
+    // console.log('delete preset response', presets);
     res.status(201).send(presets);
     // res.status(201).send(dbResponse);
   } catch (error) {
diff --git a/client/src/components/Input/Endpoints/FileUpload.jsx b/client/src/components/Input/Endpoints/FileUpload.jsx
index 7210a2d3f5..69f2bf1dba 100644
--- a/client/src/components/Input/Endpoints/FileUpload.jsx
+++ b/client/src/components/Input/Endpoints/FileUpload.jsx
@@ -5,20 +5,6 @@ import { useRecoilValue } from 'recoil';
 
 import store from '~/store';
 
-// async function fetchPresets(callback) {
-//   try {
-//     const response = await axios.get('/api/presets', {
-//       timeout: 1000,
-//       withCredentials: true
-//     });
-
-//     callback(response.data);
-//   } catch (error) {
-//     console.error(error);
-//     console.log('[FileUpload] Error fetching presets');
-//   }
-// }
-
 const FileUpload = ({ onFileSelected }) => {
   // const setPresets = useSetRecoilState(store.presets);
   const endpointsFilter = useRecoilValue(store.endpointsFilter);
diff --git a/client/src/components/Input/Endpoints/NewConversationMenu.jsx b/client/src/components/Input/Endpoints/NewConversationMenu.jsx
index cee16fb79c..f91baab86d 100644
--- a/client/src/components/Input/Endpoints/NewConversationMenu.jsx
+++ b/client/src/components/Input/Endpoints/NewConversationMenu.jsx
@@ -37,9 +37,9 @@ export default function NewConversationMenu() {
   // const { model, promptPrefix, chatGptLabel, conversationId } = conversation;
   const { newConversation } = store.useConversation();
 
-  const { trigger: clearPresetsTrigger } = manualSWR(`/api/presets/delete`, 'post', data => {
-    console.log(data);
-    setPresets(data);
+  const { trigger: clearPresetsTrigger } = manualSWR(`/api/presets/delete`, 'post', res => {
+    console.log(res);
+    setPresets(res.data);
   });
 
   const importPreset = jsonData => {
@@ -172,6 +172,7 @@ export default function NewConversationMenu() {
                 presets={presets}
                 onSelect={onSelectPreset}
                 onChangePreset={onChangePreset}
+                onDeletePreset={clearPresetsTrigger}
               />
             ) : (
               <DropdownMenuLabel className="dark:text-gray-300">No preset yet.</DropdownMenuLabel>
diff --git a/client/src/components/Input/Endpoints/PresetItem.jsx b/client/src/components/Input/Endpoints/PresetItem.jsx
index e334a546c3..6bb7d70af3 100644
--- a/client/src/components/Input/Endpoints/PresetItem.jsx
+++ b/client/src/components/Input/Endpoints/PresetItem.jsx
@@ -1,9 +1,10 @@
 import React from 'react';
 import { DropdownMenuRadioItem } from '../../ui/DropdownMenu.tsx';
 import EditIcon from '../../svg/EditIcon';
+import TrashIcon from '../../svg/TrashIcon';
 import getIcon from '~/utils/getIcon';
 
-export default function PresetItem({ preset = {}, value, onSelect, onChangePreset }) {
+export default function PresetItem({ preset = {}, value, onSelect, onChangePreset, onDeletePreset }) {
   const { endpoint } = preset;
 
   const icon = getIcon({
@@ -55,7 +56,16 @@ export default function PresetItem({ preset = {}, value, onSelect, onChangePrese
       /> */}
       <div className="flex w-4 flex-1" />
       <button
-        className="invisible m-0 rounded-md text-gray-400 hover:text-gray-700 group-hover:visible dark:text-gray-400 dark:hover:text-gray-200        "
+        className="invisible m-0 mr-1 rounded-md text-gray-400 hover:text-gray-700 group-hover:visible dark:text-gray-400 dark:hover:text-gray-200        "
+        onClick={e => {
+          e.preventDefault();
+          onDeletePreset(preset);
+        }}
+      >
+        <TrashIcon />
+      </button>
+      <button
+        className="invisible m-0 p-2 rounded-md text-gray-400 hover:text-gray-700 group-hover:visible dark:text-gray-400 dark:hover:text-gray-200        "
         onClick={e => {
           e.preventDefault();
           onChangePreset(preset);
diff --git a/client/src/components/Input/Endpoints/PresetItems.jsx b/client/src/components/Input/Endpoints/PresetItems.jsx
index 63d08620c2..ab5c9aee18 100644
--- a/client/src/components/Input/Endpoints/PresetItems.jsx
+++ b/client/src/components/Input/Endpoints/PresetItems.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import PresetItem from './PresetItem';
 
-export default function PresetItems({ presets, onSelect, onChangePreset }) {
+export default function PresetItems({ presets, onSelect, onChangePreset, onDeletePreset }) {
   return (
     <>
       {presets.map(preset => (
@@ -10,6 +10,7 @@ export default function PresetItems({ presets, onSelect, onChangePreset }) {
           value={preset}
           onSelect={onSelect}
           onChangePreset={onChangePreset}
+          onDeletePreset={onDeletePreset}
           preset={preset}
         />
       ))}