Misc

src/components/LyricSearch.jsx

@@ -206,7 +206,8 @@ export function LyricSearchInputField({ id, placeholder, setShowLyrics }) {
     } catch (error) {
       toast.update(searchToastRef.current, {
         type: "error",
-        render: `😕 ${error.message}`,
+        render: error.message,
+        icon: () => "😕",
         autoClose: 5000,
       });
     } finally {
@@ -254,12 +255,13 @@ export function LyricSearchInputField({ id, placeholder, setShowLyrics }) {
       <Button onClick={() => handleSearch()} className="btn">
         Search
       </Button>
-      <br />
-      Exclude:<br />
-      <div id="exclude-checkboxes">
-        <UICheckbox id="excl-Genius" label="Genius" onToggle={toggleExclusion} />
-        <UICheckbox id="excl-LRCLib" label="LRCLib" onToggle={toggleExclusion} />
-        <UICheckbox id="excl-Cache" label="Cache" onToggle={toggleExclusion} />
+      <div className="mt-4">
+        Exclude:<br />
+        <div id="exclude-checkboxes">
+          <UICheckbox id="excl-Genius" label="Genius" onToggle={toggleExclusion} />
+          <UICheckbox id="excl-LRCLib" label="LRCLib" onToggle={toggleExclusion} />
+          <UICheckbox id="excl-Cache" label="Cache" onToggle={toggleExclusion} />
+        </div>
       </div>
 
       {isLoading && (

src/components/ToastProvider.jsx

@@ -11,7 +11,7 @@ const CustomToastContainer = () => {
       newestOnTop={false}
       closeOnClick
       rtl={false}
-      pauseOnFocusLoss
+      pauseOnFocusLoss={false}
       draggable
       pauseOnHover
     />