diff --git a/resources/views/project.blade.php b/resources/views/project.blade.php
index 9817370..4369cc6 100644
--- a/resources/views/project.blade.php
+++ b/resources/views/project.blade.php
@@ -8,94 +8,100 @@
 ]">
     <div
         @class([
-        'inline-flex h-full w-full min-w-full gap-4 flex-nowrap overflow-scroll',
-        'justify-center' => app(\App\Settings\GeneralSettings::class)->board_centered
+        'w-full h-[calc(100vh-170px)] overflow-x-auto',
         ])
     >
-        @forelse($boards as $board)
-            <section class="h-full">
-                <div class="bg-gray-100 rounded-xl min-w-[18rem] lg:w-[23rem] flex flex-col max-h-full dark:bg-white/5">
-                    <div
-                        class="p-2 font-semibold text-center text-gray-800 border-b bg-gray-100/80 rounded-t-xl backdrop-blur-xl backdrop-saturate-150 dark:bg-gray-900 dark:text-white dark:border-b-gray-800">
-                        <a
-                            href="{{ route('projects.boards.show', [$project, $board]) }}"
-                            class="border-b border-dotted border-black">
-                            {{ $board->title }}
-                        </a>
-                    </div>
-                    <ul class="p-2 space-y-2 overflow-y-scroll flex-1">
-                        @forelse($board->items as $item)
-                            <li>
-                                <a href="{{ route('projects.items.show', [$project, $item]) }}"
-                                   class="block p-4 space-y-4 bg-white shadow rounded-xl hover:bg-gray-50 dark:bg-gray-900 dark:hover:bg-gray-950">
-                                    <div class="flex justify-between">
-                                        <p>
-                                            {{ $item->title }}
-                                        </p>
+        <div
+            @class([
+            'inline-flex h-full w-full min-w-full gap-4 flex-nowrap overflow-x-scroll',
+            'justify-center' => app(\App\Settings\GeneralSettings::class)->board_centered
+            ])
+        >
+            @forelse($boards as $board)
+                <section class="h-full">
+                    <div class="bg-gray-100 rounded-xl min-w-[18rem] lg:w-[23rem] flex flex-col max-h-full dark:bg-white/5">
+                        <div
+                            class="p-2 font-semibold text-center text-gray-800 border-b bg-gray-100/80 rounded-t-xl backdrop-blur-xl backdrop-saturate-150 dark:bg-gray-900 dark:text-white dark:border-b-gray-800">
+                            <a
+                                href="{{ route('projects.boards.show', [$project, $board]) }}"
+                                class="border-b border-dotted border-black">
+                                {{ $board->title }}
+                            </a>
+                        </div>
+                        <ul class="p-2 space-y-2 o overflow-y-auto flex-1 min-h-0">
+                            @forelse($board->items as $item)
+                                <li>
+                                    <a href="{{ route('projects.items.show', [$project, $item]) }}"
+                                       class="block p-4 space-y-4 bg-white shadow rounded-xl hover:bg-gray-50 dark:bg-gray-900 dark:hover:bg-gray-950">
+                                        <div class="flex justify-between">
+                                            <p>
+                                                {{ $item->title }}
+                                            </p>
 
-                                        <div class="flex items-center">
-                                            @if($item->isPrivate())
-                                                <span x-data x-tooltip.raw="{{ trans('items.item-private') }}">
-                                                    <x-heroicon-s-lock-closed class="text-gray-500 fill-gray-500 w-5 h-5" />
-                                                </span>
-                                            @endif
-                                            @if($item->isPinned())
-                                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
-                                                     x-data
-                                                     x-tooltip.raw="{{ trans('items.item-pinned') }}"
-                                                     class="text-gray-500 fill-gray-500">
-                                                    <path
-                                                        d="M15 11.586V6h2V4a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v2h2v5.586l-2.707 1.707A.996.996 0 0 0 6 14v2a1 1 0 0 0 1 1h4v3l1 2 1-2v-3h4a1 1 0 0 0 1-1v-2a.996.996 0 0 0-.293-.707L15 11.586z"></path>
-                                                </svg>
-                                            @endif
+                                            <div class="flex items-center">
+                                                @if($item->isPrivate())
+                                                    <span x-data x-tooltip.raw="{{ trans('items.item-private') }}">
+                                                        <x-heroicon-s-lock-closed class="text-gray-500 fill-gray-500 w-5 h-5" />
+                                                    </span>
+                                                @endif
+                                                @if($item->isPinned())
+                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
+                                                         x-data
+                                                         x-tooltip.raw="{{ trans('items.item-pinned') }}"
+                                                         class="text-gray-500 fill-gray-500">
+                                                        <path
+                                                            d="M15 11.586V6h2V4a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v2h2v5.586l-2.707 1.707A.996.996 0 0 0 6 14v2a1 1 0 0 0 1 1h4v3l1 2 1-2v-3h4a1 1 0 0 0 1-1v-2a.996.996 0 0 0-.293-.707L15 11.586z"></path>
+                                                    </svg>
+                                                @endif
+                                            </div>
                                         </div>
-                                    </div>
 
-                                    <footer class="flex items-end justify-between">
-                                                    <span
-                                                        class="inline-flex items-center justify-center h-6 px-2 text-sm font-semibold tracking-tight text-gray-700 dark:text-gray-300 rounded-full bg-gray-50 dark:bg-gray-600">
-                                                        {{ $item->created_at->isoFormat('ll') }}
-                                                    </span>
+                                        <footer class="flex items-end justify-between">
+                                                        <span
+                                                            class="inline-flex items-center justify-center h-6 px-2 text-sm font-semibold tracking-tight text-gray-700 dark:text-gray-300 rounded-full bg-gray-50 dark:bg-gray-600">
+                                                            {{ $item->created_at->isoFormat('ll') }}
+                                                        </span>
 
-                                        <div class="text-gray-500 text-sm">
-                                            {{ $item->total_votes }} {{ trans_choice('messages.votes', $item->total_votes) }}
-                                        </div>
-                                    </footer>
-                                </a>
-                            </li>
-                        @empty
-                            <li>
-                                <div
-                                    class="p-3 font-medium text-center text-gray-500 dark:text-gray-400 border border-gray-300 dark:border-gray-400 border-dashed rounded-xl opacity-70">
-                                    <p>{{ trans('items.no-items') }}</p>
-                                </div>
-                            </li>
-                        @endforelse
-                    </ul>
-                </div>
-            </section>
-        @empty
-            <div class="w-full">
-                <div
-                    class="flex flex-col items-center justify-center max-w-md p-6 mx-auto space-y-6 text-center border rounded-2xl">
-                    <div
-                        class="flex items-center justify-center w-16 h-16 text-blue-500 bg-white rounded-full shadow dark:bg-gray-900">
-                        <svg class="w-8 h-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
-                                  stroke-width="1.5"
-                                  d="M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75"/>
-                        </svg>
+                                            <div class="text-gray-500 text-sm">
+                                                {{ $item->total_votes }} {{ trans_choice('messages.votes', $item->total_votes) }}
+                                            </div>
+                                        </footer>
+                                    </a>
+                                </li>
+                            @empty
+                                <li>
+                                    <div
+                                        class="p-3 font-medium text-center text-gray-500 dark:text-gray-400 border border-gray-300 dark:border-gray-400 border-dashed rounded-xl opacity-70">
+                                        <p>{{ trans('items.no-items') }}</p>
+                                    </div>
+                                </li>
+                            @endforelse
+                        </ul>
                     </div>
+                </section>
+            @empty
+                <div class="w-full">
+                    <div
+                        class="flex flex-col items-center justify-center max-w-md p-6 mx-auto space-y-6 text-center border rounded-2xl">
+                        <div
+                            class="flex items-center justify-center w-16 h-16 text-blue-500 bg-white rounded-full shadow dark:bg-gray-900">
+                            <svg class="w-8 h-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
+                                      stroke-width="1.5"
+                                      d="M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75"/>
+                            </svg>
+                        </div>
 
-                    <header class="max-w-xs space-y-1">
-                        <h2 class="text-xl font-semibold tracking-tight">{{ trans('items.all-caught-up-title') }}</h2>
+                        <header class="max-w-xs space-y-1">
+                            <h2 class="text-xl font-semibold tracking-tight">{{ trans('items.all-caught-up-title') }}</h2>
 
-                        <p class="font-medium text-gray-500 dark:text-gray-400">
-                            {{ trans('messages.no-boards') }}
-                        </p>
-                    </header>
+                            <p class="font-medium text-gray-500 dark:text-gray-400">
+                                {{ trans('messages.no-boards') }}
+                            </p>
+                        </header>
+                    </div>
                 </div>
-            </div>
-        @endforelse
+            @endforelse
+        </div>
     </div>
 </x-app>