diff --git a/src/app/boards/components/BoardsList.tsx b/src/app/boards/components/BoardsList.tsx
index 937a1078..9eb93a53 100644
--- a/src/app/boards/components/BoardsList.tsx
+++ b/src/app/boards/components/BoardsList.tsx
@@ -16,10 +16,10 @@ export function BoardsList() {
   if (data?.length === 0) return <></>;
 
   return (
-    <div className="grid w-full grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
+    <div className="xxl:grid-cols-5 grid w-full grid-cols-1 gap-4 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
       {data?.map((board) => (
         <Link key={board.publicId} href={`boards/${board.publicId}`}>
-          <div className="align-center mr-5 flex w-72 justify-center rounded-md border border-dashed border-dark-600 bg-dark-100 p-14 hover:bg-dark-200">
+          <div className="align-center mr-5 flex h-[150px] w-full items-center justify-center rounded-md border border-dashed border-dark-600 bg-dark-100 hover:bg-dark-200">
             <p className="text-md px-4 font-medium text-dark-1000">
               {board.name}
             </p>
diff --git a/tailwind.config.ts b/tailwind.config.ts
index db70de7e..f482fd9e 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -24,6 +24,9 @@ export default {
         "dark-950": "#bbb",
         "dark-1000": "#ededed",
       },
+      screens: {
+        xxl: '1600px'
+      }
     },
   },
   // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-var-requires