diff --git a/apps/web/src/app/(authenticated)/dashboard/(home-page)/team/teams-content.tsx b/apps/web/src/app/(authenticated)/dashboard/(home-page)/team/teams-content.tsx
index 20b1647..15fab6e 100644
--- a/apps/web/src/app/(authenticated)/dashboard/(home-page)/team/teams-content.tsx
+++ b/apps/web/src/app/(authenticated)/dashboard/(home-page)/team/teams-content.tsx
@@ -82,7 +82,7 @@ function TeamMembers() {
         {memberships?.data?.map(({ id, role, publicUserData }) => (
           <TableRow key={id}>
             <TableCell>
-              <div className="flex w-full items-center gap-2 max-sm:m-0 md:flex-grow max-sm:gap-1 max-sm:text-xs">
+              <div className="flex w-full items-center gap-2 max-sm:m-0 max-sm:gap-1 max-sm:text-xs md:flex-grow">
                 <Avatar>
                   <AvatarImage src={publicUserData.imageUrl} />
                   <AvatarFallback>{publicUserData.identifier.slice(0, 2)}</AvatarFallback>
diff --git a/apps/web/src/app/(authenticated)/dashboard/(waitlist-dashboard)/[waitlist]/page.tsx b/apps/web/src/app/(authenticated)/dashboard/(waitlist-dashboard)/[waitlist]/page.tsx
index 41504ac..8989a23 100644
--- a/apps/web/src/app/(authenticated)/dashboard/(waitlist-dashboard)/[waitlist]/page.tsx
+++ b/apps/web/src/app/(authenticated)/dashboard/(waitlist-dashboard)/[waitlist]/page.tsx
@@ -211,7 +211,7 @@ export default async function Home({ params }: { params: { waitlist: string } })
         Dashboard
         <RealtimeSwitch />
       </PageHeading>
-      <div className="flex grid-rows-2 flex-wrap gap-4 sm:grid lg:grid-cols-5 md:grid-cols-3 md:grid-rows-none">
+      <div className="flex grid-rows-2 flex-wrap gap-4 sm:grid md:grid-cols-3 md:grid-rows-none lg:grid-cols-5">
         <Suspense fallback={<CountCardsLoading />}>
           <CountCards waitlistID={params.waitlist} />
         </Suspense>
diff --git a/apps/web/src/app/(authenticated)/dashboard/(waitlist-dashboard)/[waitlist]/settings/waitlist/page.tsx b/apps/web/src/app/(authenticated)/dashboard/(waitlist-dashboard)/[waitlist]/settings/waitlist/page.tsx
index 657fb38..c96e48d 100644
--- a/apps/web/src/app/(authenticated)/dashboard/(waitlist-dashboard)/[waitlist]/settings/waitlist/page.tsx
+++ b/apps/web/src/app/(authenticated)/dashboard/(waitlist-dashboard)/[waitlist]/settings/waitlist/page.tsx
@@ -39,7 +39,7 @@ async function WaitlistSettingsPage({ params }: { params: { waitlist: string } }
         <CardDescription>This is your waitlist ID.</CardDescription>
       </CardHeader>
       <CardContent>
-        <div className="inline-flex h-10 w-80 items-center justify-between rounded-md border border-neutral-200 bg-white px-3 py-2 text-sm ring-offset-white disabled:cursor-not-allowed dark:border-neutral-800 file:border-0 dark:bg-neutral-950 file:bg-transparent file:font-medium dark:placeholder:text-neutral-400 file:text-sm placeholder:text-neutral-500 disabled:opacity-50 focus-visible:outline-none dark:focus-visible:ring-neutral-300 focus-visible:ring-2 focus-visible:ring-neutral-950 hover:ring-2 hover:ring-primary dark:ring-offset-neutral-950 focus-visible:ring-offset-2">
+        <div className="inline-flex h-10 w-80 items-center justify-between rounded-md border border-neutral-200 bg-white px-3 py-2 text-sm ring-offset-white file:border-0 file:bg-transparent file:font-medium file:text-sm placeholder:text-neutral-500 hover:ring-2 hover:ring-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-800 dark:bg-neutral-950 dark:ring-offset-neutral-950 dark:focus-visible:ring-neutral-300 dark:placeholder:text-neutral-400">
           {params.waitlist}
           <CopyButton value={params.waitlist} />
         </div>
diff --git a/apps/web/src/components/actions-card.tsx b/apps/web/src/components/actions-card.tsx
index f5837e8..966b4f8 100644
--- a/apps/web/src/components/actions-card.tsx
+++ b/apps/web/src/components/actions-card.tsx
@@ -37,7 +37,7 @@ async function ActionsCardStats({ waitlistID }: { waitlistID: string }) {
 
 function ActionsCard({ waitlistID }: { waitlistID: string }) {
   return (
-    <div className="h-32 w-full lg:col-span-2 sm:col-span-3 sm:h-full">
+    <div className="h-32 w-full sm:col-span-3 sm:h-full lg:col-span-2">
       <Carousel className="h-full">
         <Card className="flex h-full w-full items-center px-4">
           <CarouselPrevious className="relative" />
diff --git a/apps/web/src/components/data-table/table-actions.tsx b/apps/web/src/components/data-table/table-actions.tsx
index d9f9124..7b3feb5 100644
--- a/apps/web/src/components/data-table/table-actions.tsx
+++ b/apps/web/src/components/data-table/table-actions.tsx
@@ -39,7 +39,7 @@ function TableActions({ id, email }: { id: string; email: string }) {
             <SendHorizonal className="mr-2 h-3 w-3" />
             <p>Invite</p>
           </DropdownMenuItem>
-          <DropdownMenuItem className="bg-red-900/50 text-red-200 dark:focus:bg-red-950 dark:hover:bg-red-950 dark:focus:text-red-200">
+          <DropdownMenuItem className="bg-red-900/50 text-red-200 dark:focus:bg-red-950 dark:focus:text-red-200 dark:hover:bg-red-950">
             <DeleteButton id={id} open={open} setOpen={setOpen} />
           </DropdownMenuItem>
         </DropdownMenuContent>
diff --git a/apps/web/src/components/tab-nav.tsx b/apps/web/src/components/tab-nav.tsx
index a8c9361..59aae8a 100644
--- a/apps/web/src/components/tab-nav.tsx
+++ b/apps/web/src/components/tab-nav.tsx
@@ -19,7 +19,7 @@ function NavItem({
   return (
     <div
       className={cn(
-        "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 font-medium text-sm ring-offset-white transition-all disabled:pointer-events-none dark:data-[state=active]:text-neutral-50 disabled:opacity-50 focus-visible:outline-none dark:focus-visible:ring-neutral-300 focus-visible:ring-2 focus-visible:ring-neutral-950 dark:ring-offset-neutral-950 focus-visible:ring-offset-2",
+        "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 font-medium text-sm ring-offset-white transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-neutral-950 dark:data-[state=active]:text-neutral-50 dark:focus-visible:ring-neutral-300",
         selectedLayoutSegment === segment &&
           "bg-white text-neutral-950 shadow-sm dark:bg-neutral-950 dark:text-neutral-50",
       )}
diff --git a/apps/web/src/components/team-select.tsx b/apps/web/src/components/team-select.tsx
index 7ad38e2..62713f6 100644
--- a/apps/web/src/components/team-select.tsx
+++ b/apps/web/src/components/team-select.tsx
@@ -76,7 +76,7 @@ function TeamSelect({ className }: { className?: string }) {
           <Link href={"/dashboard/new"}>
             <button
               type="button"
-              className="relative flex w-full items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none dark:focus:bg-neutral-800 focus:bg-neutral-100 hover:bg-neutral-800 dark:focus:text-neutral-50 focus:text-neutral-900"
+              className="relative flex w-full items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none hover:bg-neutral-800 focus:bg-neutral-100 focus:text-neutral-900 dark:focus:bg-neutral-800 dark:focus:text-neutral-50"
             >
               <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
                 <PlusCircledIcon className="h-4 w-4" />
diff --git a/apps/web/src/components/upload-button.tsx b/apps/web/src/components/upload-button.tsx
index b0ecd7b..8e16d3d 100644
--- a/apps/web/src/components/upload-button.tsx
+++ b/apps/web/src/components/upload-button.tsx
@@ -8,7 +8,7 @@ function UploadButtonContent() {
   return (
     <div className="flex">
       <UploadButton
-        className="w-fit font-bold ut-button:h-10 ut-button:bg-neutral-900 ut-button:dark:bg-neutral-50 ut-button:dark:hover:bg-neutral-50/90 ut-button:hover:bg-neutral-900/90 ut-button:px-4 ut-button:py-2 ut-button:font-normal ut-button:dark:text-neutral-900 ut-button:text-base ut-button:text-neutral-50"
+        className="ut-button:h-10 w-fit ut-button:bg-neutral-900 ut-button:px-4 ut-button:py-2 font-bold ut-button:font-normal ut-button:text-base ut-button:text-neutral-50 ut-button:hover:bg-neutral-900/90 ut-button:dark:bg-neutral-50 ut-button:dark:text-neutral-900 ut-button:dark:hover:bg-neutral-50/90"
         appearance={{
           // button: "bg-neutral-900 h-10 px-4 py-2 text-base font-normal fon text-neutral-50 hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50/90",
           container: "block text-base",
diff --git a/apps/web/src/components/waitlist-select/waitlist-dropdown.tsx b/apps/web/src/components/waitlist-select/waitlist-dropdown.tsx
index f340aa6..8bb312f 100644
--- a/apps/web/src/components/waitlist-select/waitlist-dropdown.tsx
+++ b/apps/web/src/components/waitlist-select/waitlist-dropdown.tsx
@@ -45,7 +45,7 @@ function WaitlistDropdown({
           <CreateWaitlistDialog>
             <button
               type="submit"
-              className="relative flex w-full items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none dark:focus:bg-neutral-800 focus:bg-neutral-100 hover:bg-neutral-800 dark:focus:text-neutral-50 focus:text-neutral-900"
+              className="relative flex w-full items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none hover:bg-neutral-800 focus:bg-neutral-100 focus:text-neutral-900 dark:focus:bg-neutral-800 dark:focus:text-neutral-50"
             >
               <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
                 <PlusCircledIcon className="h-4 w-4" />
diff --git a/biome.json b/biome.json
index e684172..4b437c4 100644
--- a/biome.json
+++ b/biome.json
@@ -1,7 +1,7 @@
 {
   "$schema": "https://biomejs.dev/schemas/1.9.1/schema.json",
   "files": {
-    "ignore": ["apps/web/src/components/ui/**/*"]
+    "ignore": ["apps/web/src/components/ui/**/*", ".next", "dist", ".wrangler", "apps/realtime/target/**"]
   },
   "organizeImports": {
     "enabled": true