diff --git a/app/components/marketing/DitchGoogle.tsx b/app/components/marketing/DitchGoogle.tsx
index 6be9d927..0bc4b5c8 100644
--- a/app/components/marketing/DitchGoogle.tsx
+++ b/app/components/marketing/DitchGoogle.tsx
@@ -53,7 +53,7 @@ export const DitchGoogle = ({ screenshot: { light, dark }, theme }: IDitchGoogle
               <ArrowRightIcon className='mt-[1px] h-4 w-5' />
             </Link>
           </div>
-          <div className='block h-[450px] max-w-md md:rounded-md md:shadow-[8px_8px_10px_3px] xl:max-w-lg '>
+          <div className='block h-[450px] max-w-md md:rounded-md md:shadow-[8px_8px_10px_3px] xl:max-w-lg'>
             <img
               className='min-h-[600px] min-w-[880px] rounded-xl ring-1 ring-gray-900/10'
               width='1760'
diff --git a/app/pages/Blog/Post.tsx b/app/pages/Blog/Post.tsx
index f5cfe2f3..67fd33fa 100644
--- a/app/pages/Blog/Post.tsx
+++ b/app/pages/Blog/Post.tsx
@@ -39,7 +39,7 @@ export default function PostSlug() {
 
   return (
     <div className='bg-gray-50 text-gray-700 dark:bg-slate-900 dark:text-gray-300'>
-      <div className=' mx-auto max-w-[52rem] px-4 pb-28 sm:px-6 md:px-8 lg:max-w-6xl xl:px-12'>
+      <div className='mx-auto max-w-[52rem] px-4 pb-28 sm:px-6 md:px-8 lg:max-w-6xl xl:px-12'>
         <div className='overflow-hidden'>
           <div className='max-w-8xl mx-auto'>
             <div className='flex px-4 pb-10 pt-8 lg:px-8'>
@@ -68,7 +68,7 @@ export default function PostSlug() {
             <div className='mx-auto max-w-3xl pb-28'>
               <main className='bg-gray-50 dark:bg-slate-900'>
                 <article className='relative pt-10'>
-                  <h1 className='text-2xl font-extrabold tracking-tight text-slate-900 dark:text-slate-200 md:text-3xl '>
+                  <h1 className='text-2xl font-extrabold tracking-tight text-slate-900 dark:text-slate-200 md:text-3xl'>
                     {post.title}
                   </h1>
                   <div className='text-sm leading-6'>
diff --git a/app/pages/Landings/Marketers.tsx b/app/pages/Landings/Marketers.tsx
index f8283b7e..c831b8da 100644
--- a/app/pages/Landings/Marketers.tsx
+++ b/app/pages/Landings/Marketers.tsx
@@ -77,7 +77,7 @@ const Marketers = () => {
           <ArrowTopRightOnSquareIcon className='ml-1 hidden h-4 w-4 text-slate-800 dark:text-white md:block' />
         </div>
         <div className='relative mx-auto min-h-[740px] pb-5 pt-10 sm:px-3 lg:px-6 lg:pt-24 xl:px-8'>
-          <div className='relative z-20 flex flex-col  content-between justify-center'>
+          <div className='relative z-20 flex flex-col content-between justify-center'>
             <div className='relative mx-auto flex flex-col px-4 text-left'>
               <h1 className='mx-auto max-w-4xl text-center text-4xl font-extrabold text-slate-900 dark:text-white sm:text-5xl sm:leading-none md:text-5xl lg:text-5xl xl:text-6xl xl:leading-[110%]'>
                 <Trans
@@ -85,7 +85,7 @@ const Marketers = () => {
                   i18nKey='marketers.slogan'
                   components={{
                     span: (
-                      <span className='bg-gradient-to-r  from-indigo-700 to-pink-700 bg-clip-text text-transparent dark:from-indigo-600 dark:to-indigo-400' />
+                      <span className='bg-gradient-to-r from-indigo-700 to-pink-700 bg-clip-text text-transparent dark:from-indigo-600 dark:to-indigo-400' />
                     ),
                   }}
                 />
diff --git a/app/pages/Landings/SmallBusinesses.tsx b/app/pages/Landings/SmallBusinesses.tsx
index c9b5220c..0e35fb8b 100644
--- a/app/pages/Landings/SmallBusinesses.tsx
+++ b/app/pages/Landings/SmallBusinesses.tsx
@@ -77,7 +77,7 @@ const SmallBusinesses = () => {
           <ArrowTopRightOnSquareIcon className='ml-1 hidden h-4 w-4 text-slate-800 dark:text-white md:block' />
         </div>
         <div className='relative mx-auto min-h-[740px] pb-5 pt-10 sm:px-3 lg:px-6 lg:pt-24 xl:px-8'>
-          <div className='relative z-20 flex flex-col  content-between justify-center'>
+          <div className='relative z-20 flex flex-col content-between justify-center'>
             <div className='relative mx-auto flex flex-col px-4 text-left'>
               <h1 className='mx-auto max-w-4xl text-center text-4xl font-extrabold text-slate-900 dark:text-white sm:text-5xl sm:leading-none md:text-5xl lg:text-5xl xl:text-6xl xl:leading-[110%]'>
                 <Trans
@@ -85,7 +85,7 @@ const SmallBusinesses = () => {
                   i18nKey='smbs.slogan'
                   components={{
                     span: (
-                      <span className='bg-gradient-to-r  from-indigo-700 to-pink-700 bg-clip-text text-transparent dark:from-indigo-600 dark:to-indigo-400' />
+                      <span className='bg-gradient-to-r from-indigo-700 to-pink-700 bg-clip-text text-transparent dark:from-indigo-600 dark:to-indigo-400' />
                     ),
                   }}
                 />
diff --git a/app/pages/Landings/Startups.tsx b/app/pages/Landings/Startups.tsx
index 8f251f59..a8a1b420 100644
--- a/app/pages/Landings/Startups.tsx
+++ b/app/pages/Landings/Startups.tsx
@@ -77,7 +77,7 @@ const Startups = () => {
           <ArrowTopRightOnSquareIcon className='ml-1 hidden h-4 w-4 text-slate-800 dark:text-white md:block' />
         </div>
         <div className='relative mx-auto min-h-[740px] pb-5 pt-10 sm:px-3 lg:px-6 lg:pt-24 xl:px-8'>
-          <div className='relative z-20 flex flex-col  content-between justify-center'>
+          <div className='relative z-20 flex flex-col content-between justify-center'>
             <div className='relative mx-auto flex flex-col px-4 text-left'>
               <h1 className='mx-auto max-w-4xl text-center text-4xl font-extrabold text-slate-900 dark:text-white sm:text-5xl sm:leading-none md:text-5xl lg:text-5xl xl:text-6xl xl:leading-[110%]'>
                 <Trans
@@ -85,7 +85,7 @@ const Startups = () => {
                   i18nKey='startups.slogan'
                   components={{
                     span: (
-                      <span className='bg-gradient-to-r  from-indigo-700 to-pink-700 bg-clip-text text-transparent dark:from-indigo-600 dark:to-indigo-400' />
+                      <span className='bg-gradient-to-r from-indigo-700 to-pink-700 bg-clip-text text-transparent dark:from-indigo-600 dark:to-indigo-400' />
                     ),
                   }}
                 />
diff --git a/app/pages/Press/index.tsx b/app/pages/Press/index.tsx
index 66518435..d1ac5945 100644
--- a/app/pages/Press/index.tsx
+++ b/app/pages/Press/index.tsx
@@ -72,7 +72,7 @@ const Press = (): JSX.Element => {
         {/* Logos */}
         <h2 className='mt-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-gray-50'>{t('press.logos')}</h2>
         <div className='mt-2 grid grid-cols-none gap-4 sm:grid-cols-2'>
-          <div className='rounded-lg bg-gray-100 p-2 backdrop-blur-lg dark:bg-gray-100 '>
+          <div className='rounded-lg bg-gray-100 p-2 backdrop-blur-lg dark:bg-gray-100'>
             <LogoComponent description={t('press.logo')} logoPNG='/assets/logo_blue.png' textColor='text-black' />
           </div>
           <div className='rounded-lg bg-slate-800 p-2 backdrop-blur-lg dark:bg-slate-800'>
diff --git a/app/pages/Project/View/components/CustomMetrics.tsx b/app/pages/Project/View/components/CustomMetrics.tsx
index d52a126e..db0c294b 100644
--- a/app/pages/Project/View/components/CustomMetrics.tsx
+++ b/app/pages/Project/View/components/CustomMetrics.tsx
@@ -54,7 +54,7 @@ const CustomMetric = ({ metric, onRemove }: ICustomMetric): JSX.Element => {
       <button
         onClick={onRemove}
         type='button'
-        className='ml-0.5 inline-flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-full text-gray-800 hover:bg-gray-300 hover:text-gray-900 focus:bg-gray-300 focus:text-gray-900 focus:outline-none dark:bg-slate-800 dark:text-gray-50 dark:hover:bg-gray-800 dark:hover:text-gray-300 dark:focus:bg-gray-800 dark:focus:text-gray-300 '
+        className='ml-0.5 inline-flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-full text-gray-800 hover:bg-gray-300 hover:text-gray-900 focus:bg-gray-300 focus:text-gray-900 focus:outline-none dark:bg-slate-800 dark:text-gray-50 dark:hover:bg-gray-800 dark:hover:text-gray-300 dark:focus:bg-gray-800 dark:focus:text-gray-300'
       >
         <span className='sr-only'>Remove filter</span>
         <svg className='h-2 w-2' stroke='currentColor' fill='none' viewBox='0 0 8 8'>
@@ -78,7 +78,7 @@ const CustomMetrics = ({ metrics, onRemoveMetric, resetMetrics }: IFilters) => {
 
   return (
     <div className='mt-2 flex items-center justify-between rounded-md bg-slate-200 p-1 shadow dark:border dark:border-slate-800/50 dark:bg-slate-800/25'>
-      <div className=' flex items-center'>
+      <div className='flex items-center'>
         <ScaleIcon className='box-content size-6 flex-shrink-0 px-1 text-gray-700 dark:text-gray-200' />
         <div className='flex flex-wrap'>
           {_map(metrics, (metric) => (
diff --git a/app/pages/Project/View/components/Errors.tsx b/app/pages/Project/View/components/Errors.tsx
index 0e28f1fd..3832172c 100644
--- a/app/pages/Project/View/components/Errors.tsx
+++ b/app/pages/Project/View/components/Errors.tsx
@@ -101,7 +101,7 @@ const ErrorItem = ({ error, onClick, className }: IErrorItem) => {
         </div>
         <div className='flex shrink-0 items-center gap-x-4'>
           <div className='hidden sm:flex sm:flex-col sm:items-end'>
-            <p className='text-sm leading-6 text-gray-900  dark:text-gray-50'>
+            <p className='text-sm leading-6 text-gray-900 dark:text-gray-50'>
               {t('dashboard.xOccurrences', {
                 x: error.count,
               })}
diff --git a/app/pages/Project/View/components/Filters.tsx b/app/pages/Project/View/components/Filters.tsx
index 176eae49..6409a0a4 100644
--- a/app/pages/Project/View/components/Filters.tsx
+++ b/app/pages/Project/View/components/Filters.tsx
@@ -99,7 +99,7 @@ export const Filter = ({
         <button
           onClick={() => onRemoveFilter(column, filter)}
           type='button'
-          className='ml-0.5 inline-flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-full text-gray-800 hover:bg-gray-300 hover:text-gray-900 focus:bg-gray-300 focus:text-gray-900 focus:outline-none dark:bg-slate-800 dark:text-gray-50 dark:hover:bg-gray-800 dark:hover:text-gray-300 dark:focus:bg-gray-800 dark:focus:text-gray-300 '
+          className='ml-0.5 inline-flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-full text-gray-800 hover:bg-gray-300 hover:text-gray-900 focus:bg-gray-300 focus:text-gray-900 focus:outline-none dark:bg-slate-800 dark:text-gray-50 dark:hover:bg-gray-800 dark:hover:text-gray-300 dark:focus:bg-gray-800 dark:focus:text-gray-300'
         >
           <span className='sr-only'>Remove filter</span>
           <svg className='h-2 w-2' stroke='currentColor' fill='none' viewBox='0 0 8 8'>
@@ -132,7 +132,7 @@ const Filters = ({ filters, onRemoveFilter, onChangeExclusive, tnMapping, resetF
 
   return (
     <div className='flex items-center justify-between rounded-md bg-slate-200 p-1 shadow dark:border dark:border-slate-800/50 dark:bg-slate-800/25'>
-      <div className=' flex items-center'>
+      <div className='flex items-center'>
         <FunnelIcon className='box-content size-6 flex-shrink-0 px-1 text-gray-700 dark:text-gray-200' />
         <div className='flex flex-wrap'>
           {_map(filters, (props) => {
diff --git a/app/pages/Project/View/components/Sessions.tsx b/app/pages/Project/View/components/Sessions.tsx
index 0ca9eb41..64fdb96a 100644
--- a/app/pages/Project/View/components/Sessions.tsx
+++ b/app/pages/Project/View/components/Sessions.tsx
@@ -78,7 +78,7 @@ const Session = ({ session, onClick, timeFormat }: ISessionComponent) => {
         </div>
         <div className='flex shrink-0 items-center gap-x-4'>
           <div className='hidden sm:flex sm:flex-col sm:items-end'>
-            <p className='text-sm leading-6 text-gray-900  dark:text-gray-50'>{pageviewCount}</p>
+            <p className='text-sm leading-6 text-gray-900 dark:text-gray-50'>{pageviewCount}</p>
           </div>
           <ChevronRightIcon className='h-5 w-5 flex-none text-gray-400' aria-hidden='true' />
         </div>
diff --git a/app/pages/UserSettings/components/TwoFA.tsx b/app/pages/UserSettings/components/TwoFA.tsx
index 23e00995..11a2cf8f 100644
--- a/app/pages/UserSettings/components/TwoFA.tsx
+++ b/app/pages/UserSettings/components/TwoFA.tsx
@@ -200,7 +200,7 @@ const TwoFA = ({
           />
           <Button
             className={cx('ml-2', {
-              'mt-8  xs:mt-4': _isNull(twoFACodeError),
+              'mt-8 xs:mt-4': _isNull(twoFACodeError),
               'mb-1': !_isNull(twoFACodeError),
             })}
             onClick={_enable2FA}
diff --git a/app/routes/blog.tsx b/app/routes/blog.tsx
index 58f1b71b..96b94df8 100644
--- a/app/routes/blog.tsx
+++ b/app/routes/blog.tsx
@@ -37,7 +37,7 @@ export default function Posts() {
   return (
     <div className='bg-gray-50 py-10 text-gray-700 dark:bg-slate-900 dark:text-gray-300'>
       <div className='mx-auto max-w-[52rem] px-4 pb-28 sm:px-6 md:px-8 lg:max-w-6xl xl:px-12'>
-        <div className='relative mt-10 sm:ml-[calc(2rem+1px)] sm:pb-12 md:ml-[calc(3.5rem+1px)] lg:ml-[max(calc(14.5rem+1px),calc(100%-48rem))] '>
+        <div className='relative mt-10 sm:ml-[calc(2rem+1px)] sm:pb-12 md:ml-[calc(3.5rem+1px)] lg:ml-[max(calc(14.5rem+1px),calc(100%-48rem))]'>
           <div className='absolute bottom-0 right-full top-3 mr-7 hidden w-px bg-slate-200 dark:bg-slate-700 sm:block md:mr-[3.25rem]'></div>
 
           <div className='space-y-16'>
diff --git a/app/ui/MultiSelect.tsx b/app/ui/MultiSelect.tsx
index 0a06255f..859daa89 100644
--- a/app/ui/MultiSelect.tsx
+++ b/app/ui/MultiSelect.tsx
@@ -46,7 +46,7 @@ const MultiSelect = ({
               setSelected(!selected)
             }}
           >
-            <div className='w-ful my-2 flex rounded border bg-white p-1 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-100 dark:border-gray-800 dark:bg-slate-800 dark:text-gray-50 dark:hover:bg-slate-700 '>
+            <div className='w-ful my-2 flex rounded border bg-white p-1 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-100 dark:border-gray-800 dark:bg-slate-800 dark:text-gray-50 dark:hover:bg-slate-700'>
               <div className='flex flex-auto flex-wrap'>
                 {!_isEmpty(label) ? (
                   _map(label, (item) => (
@@ -104,7 +104,7 @@ const MultiSelect = ({
                     strokeWidth='2'
                     strokeLinecap='round'
                     strokeLinejoin='round'
-                    className=' h-4 w-4 rotate-180'
+                    className='h-4 w-4 rotate-180'
                   >
                     <polyline points='18 15 12 9 6 15' />
                   </svg>
@@ -113,7 +113,7 @@ const MultiSelect = ({
             </div>
           </div>
           {selected && (
-            <div className=' top-100 lef-0 max-h-select z-40 max-h-[200px] w-full overflow-y-auto overflow-x-hidden rounded bg-white shadow dark:bg-slate-800'>
+            <div className='top-100 lef-0 max-h-select z-40 max-h-[200px] w-full overflow-y-auto overflow-x-hidden rounded bg-white shadow dark:bg-slate-800'>
               <div className='flex w-full flex-col'>
                 {onSearch && (
                   <div className='relative w-full cursor-pointer rounded-t border-b border-gray-100 hover:bg-indigo-100 dark:border-slate-700 dark:hover:bg-slate-700'>