diff --git a/client/src/components/ui/EndpointOptionsPopover.jsx b/client/src/components/ui/EndpointOptionsPopover.jsx
index 701eee1323..d27aaaa730 100644
--- a/client/src/components/ui/EndpointOptionsPopover.jsx
+++ b/client/src/components/ui/EndpointOptionsPopover.jsx
@@ -1,7 +1,8 @@
 import React from 'react';
 import { Button } from './Button.tsx';
 import SwitchIcon from '../svg/SwitchIcon';
-import SaveIcon from '../svg/SaveIcon';
+// import SaveIcon from '../svg/SaveIcon';
+import { Save } from 'lucide-react';
 
 function EndpointOptionsPopover({ content, visible, saveAsPreset, switchToSimpleMode }) {
   const cardStyle =
@@ -28,7 +29,7 @@ function EndpointOptionsPopover({ content, visible, saveAsPreset, switchToSimple
               className="h-auto bg-transparent px-2 py-1 text-xs font-medium font-normal text-black hover:bg-slate-200 hover:text-black dark:bg-transparent dark:text-white dark:hover:bg-gray-700 dark:hover:text-white"
               onClick={saveAsPreset}
             >
-              <SaveIcon className="mr-1" />
+              <Save className="mr-1 w-[14px]" />
               Save as preset
             </Button>
             <Button