diff --git a/packages/billing/gateway/src/components/pricing-table.tsx b/packages/billing/gateway/src/components/pricing-table.tsx
index 40b7ba4cf..0778acb90 100644
--- a/packages/billing/gateway/src/components/pricing-table.tsx
+++ b/packages/billing/gateway/src/components/pricing-table.tsx
@@ -402,7 +402,7 @@ function PlanIntervalSwitcher(
             'border-r-transparent': index === 0,
             ['hover:text-primary text-muted-foreground']: !selected,
             ['cursor-default font-semibold']: selected,
-            ['hover:bg-initial']: !selected
+            ['hover:bg-initial']: !selected,
           },
         );
 
diff --git a/packages/features/accounts/src/components/personal-account-dropdown.tsx b/packages/features/accounts/src/components/personal-account-dropdown.tsx
index 4cff42561..e9a70409e 100644
--- a/packages/features/accounts/src/components/personal-account-dropdown.tsx
+++ b/packages/features/accounts/src/components/personal-account-dropdown.tsx
@@ -148,7 +148,7 @@ export function PersonalAccountDropdown({
 
         <DropdownMenuItem asChild>
           <Link
-            className={'s-full flex items-center space-x-2 cursor-pointer'}
+            className={'s-full flex cursor-pointer items-center space-x-2'}
             href={paths.home}
           >
             <Home className={'h-5'} />
@@ -162,7 +162,10 @@ export function PersonalAccountDropdown({
         <DropdownMenuSeparator />
 
         <DropdownMenuItem asChild>
-          <Link className={'s-full flex items-center space-x-2 cursor-pointer'} href={'/docs'}>
+          <Link
+            className={'s-full flex cursor-pointer items-center space-x-2'}
+            href={'/docs'}
+          >
             <MessageCircleQuestion className={'h-5'} />
 
             <span>
@@ -176,7 +179,7 @@ export function PersonalAccountDropdown({
 
           <DropdownMenuItem asChild>
             <Link
-              className={'s-full flex items-center space-x-2 cursor-pointer'}
+              className={'s-full flex cursor-pointer items-center space-x-2'}
               href={'/admin'}
             >
               <Shield className={'h-5'} />
diff --git a/packages/ui/src/makerkit/marketing/hero.tsx b/packages/ui/src/makerkit/marketing/hero.tsx
index 1a8665204..23bfd1965 100644
--- a/packages/ui/src/makerkit/marketing/hero.tsx
+++ b/packages/ui/src/makerkit/marketing/hero.tsx
@@ -52,9 +52,7 @@ export function Hero({
 
             {subtitle && (
               <div className="flex max-w-2xl flex-col space-y-1">
-                <h3
-                  className="p-0 text-center text-xl font-sans font-normal text-muted-foreground tracking-tight"
-                >
+                <h3 className="p-0 text-center font-sans text-xl font-normal tracking-tight text-muted-foreground">
                   {subtitle}
                 </h3>
               </div>
@@ -79,7 +77,7 @@ export function Hero({
           style={{
             MozAnimationDuration: '100ms',
           }}
-          className={cn('mx-auto container flex justify-center py-8', {
+          className={cn('container mx-auto flex justify-center py-8', {
             ['delay-1000 duration-1000 animate-in fade-in zoom-in-95 slide-in-from-top-32 fill-mode-both']:
               animate,
           })}
diff --git a/packages/ui/src/makerkit/marketing/index.tsx b/packages/ui/src/makerkit/marketing/index.tsx
index 331382261..9423639a9 100644
--- a/packages/ui/src/makerkit/marketing/index.tsx
+++ b/packages/ui/src/makerkit/marketing/index.tsx
@@ -12,4 +12,4 @@ export * from './feature-grid';
 export * from './feature-card';
 export * from './newsletter-signup';
 export * from './newsletter-signup-container';
-export * from './coming-soon';
\ No newline at end of file
+export * from './coming-soon';
diff --git a/packages/ui/src/makerkit/marketing/secondary-hero.tsx b/packages/ui/src/makerkit/marketing/secondary-hero.tsx
index d5af76d77..996c029b0 100644
--- a/packages/ui/src/makerkit/marketing/secondary-hero.tsx
+++ b/packages/ui/src/makerkit/marketing/secondary-hero.tsx
@@ -30,9 +30,7 @@ export const SecondaryHero = forwardRef<HTMLDivElement, SecondaryHeroProps>(
             {heading}
           </Heading>
 
-          <h3
-            className="font-sans font-normal text-xl tracking-tight text-muted-foreground"
-          >
+          <h3 className="font-sans text-xl font-normal tracking-tight text-muted-foreground">
             {subheading}
           </h3>
         </div>
diff --git a/packages/ui/src/makerkit/mode-toggle.tsx b/packages/ui/src/makerkit/mode-toggle.tsx
index 7d71217da..263ae98dd 100644
--- a/packages/ui/src/makerkit/mode-toggle.tsx
+++ b/packages/ui/src/makerkit/mode-toggle.tsx
@@ -74,7 +74,7 @@ export function SubMenuModeToggle() {
 
         return (
           <DropdownMenuItem
-            className={cn('flex items-center space-x-2 cursor-pointer', {
+            className={cn('flex cursor-pointer items-center space-x-2', {
               'bg-muted': isSelected,
             })}
             key={mode}