diff --git a/package.json b/package.json
index 588075d0..1d47b817 100644
--- a/package.json
+++ b/package.json
@@ -17,8 +17,8 @@
     "preview": "vite preview",
     "release": "yarn build && publish-extension --chrome-zip \"artifacts/chrome.zip\" --chrome-extension-id \"$CHROME_EXTENSION_ID\" --chrome-client-id \"$CHROME_CLIENT_ID\" --chrome-client-secret \"$CHROME_CLIENT_SECRET\" --chrome-refresh-token \"$CHROME_REFRESH_TOKEN\"",
     "release:cli": "yarn build && dotenv -e .env -- publish-extension --chrome-zip \"artifacts/chrome.zip\" --chrome-extension-id \"$CHROME_EXTENSION_ID\" --chrome-client-id \"$CHROME_CLIENT_ID\" --chrome-client-secret \"$CHROME_CLIENT_SECRET\" --chrome-refresh-token \"$CHROME_REFRESH_TOKEN\"",
-    "format": "rome format . --write",
-    "lint": "rome check .",
+    "format": "biome format . --write",
+    "lint": "biome check .",
     "flush": "rm -rf artifacts/ dist/",
     "lint:fix": "yarn lint --apply"
   },
diff --git a/src/components/Settings/Elements/SectionHeading.tsx b/src/components/Settings/Elements/SectionHeading.tsx
index 3c00a60b..561f88fe 100644
--- a/src/components/Settings/Elements/SectionHeading.tsx
+++ b/src/components/Settings/Elements/SectionHeading.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 
 const SectionHeading = ({ title }: { title: string }) => {
   return (
-    <h2 className='cdx-text-3xl dark:cdx-border-neutral-700 cdx-border-b cdx-mb-5 cdx-text-neutral-700  dark:cdx-text-neutral-200 cdx-py-4'>
+    <h2 className="cdx-text-3xl dark:cdx-border-neutral-700 cdx-border-b cdx-mb-5 cdx-text-neutral-700  dark:cdx-text-neutral-200 cdx-py-4">
       {title}
     </h2>
   )
diff --git a/src/components/Settings/index.tsx b/src/components/Settings/index.tsx
index a88f93db..da4b7810 100644
--- a/src/components/Settings/index.tsx
+++ b/src/components/Settings/index.tsx
@@ -9,9 +9,9 @@ import PromptSettings from './Sections/PromptSettings'
 const Settings = () => {
   useThemeSync()
   return (
-    <div className='cdx-container cdx-mx-auto cdx-p-5 cdx-pt-[10vh]'>
+    <div className="cdx-container cdx-mx-auto cdx-p-5 cdx-pt-[10vh]">
       <Header />
-      <div className='cdx-flex cdx-flex-col xl:cdx-flex-row cdx-justify-between cdx-gap-10 cdx-flex-wrap cdx-mt-10'>
+      <div className="cdx-flex cdx-flex-col xl:cdx-flex-row cdx-justify-between cdx-gap-10 cdx-flex-wrap cdx-mt-10">
         <div className="cdx-flex cdx-flex-1 cdx-flex-col cdx-gap-4 cdx-self-end cdx-sticky cdx-bottom-0">
           <GeneralSettings />
           <QuickMenuSettings />
diff --git a/src/pages/sidebar/index.css b/src/pages/sidebar/index.css
index cb2f0443..f096887d 100644
--- a/src/pages/sidebar/index.css
+++ b/src/pages/sidebar/index.css
@@ -2,9 +2,8 @@
 @tailwind components;
 @tailwind utilities;
 
-
-.cdx-animate-spin{
-	animation: cdx-spin 1s linear infinite;
+.cdx-animate-spin {
+  animation: cdx-spin 1s linear infinite;
 }
 @keyframes cdx-spin {
   from {
@@ -20,11 +19,12 @@
 }
 
 @keyframes cdx-pulse {
-  0%, 100% {
+  0%,
+  100% {
     opacity: 1;
   }
   50% {
-    opacity: .5;
+    opacity: 0.5;
   }
 }