diff --git a/resources/js/Pages/Projects/Index.vue b/resources/js/Pages/Projects/Index.vue
index 023d1ee5..0395851e 100644
--- a/resources/js/Pages/Projects/Index.vue
+++ b/resources/js/Pages/Projects/Index.vue
@@ -363,12 +363,12 @@ function handleAction({ action, item }) {
         </AppSubHeader>
 
         <AppContainer>
-            <div class="grid grid-cols-4 grid-rows-1 gap-10">
-                <div class="col-span-4 col-start-1 text-[#1a1a1aFF]">
+            <div class="grid min-w-0 grid-cols-1 gap-6 xl:grid-cols-[minmax(0,3fr)_minmax(20rem,1fr)] xl:gap-10">
+                <div class="min-w-0 text-[#1a1a1aFF] xl:col-span-2">
                     <PhaseFilter :phases="phases" :selected-phase="selectedPhase" @select="selectPhase" />
                 </div>
 
-                <div class="col-span-3 row-span-2 col-start-1 row-start-2 flex h-full w-full flex-col">
+                <div class="flex min-w-0 w-full flex-col">
                     <ProjectList
                         v-model="selectedProjects"
                         :projects="projects"
@@ -380,7 +380,10 @@ function handleAction({ action, item }) {
                     />
                 </div>
 
-                <div class="row-span-2 col-start-4 row-start-2">
+                <aside
+                    class="min-w-0 w-full self-start [&_.v-card-title]:whitespace-normal [&_.v-card-title]:[overflow-wrap:anywhere] [&_.v-card-text]:[overflow-wrap:anywhere] [&_.v-btn]:!h-auto [&_.v-btn]:min-h-9 [&_.v-btn]:min-w-0 [&_.v-btn]:max-w-full [&_.v-btn]:py-2 [&_.v-btn]:whitespace-normal [&_.v-btn\_\_content]:min-w-0 [&_.v-btn\_\_content]:whitespace-normal [&_.v-btn\_\_content]:[overflow-wrap:anywhere]"
+                    aria-label="Ações disponíveis para você"
+                >
                     <NoStageSelected
                         v-if="!selectedPhase"
                         :notice="notice"
@@ -427,7 +430,7 @@ function handleAction({ action, item }) {
                         :notice="notice"
                         :monitoring-reports-count="monitoringReportsCount"
                     />
-                </div>
+                </aside>
             </div>
         </AppContainer>
     </AuthenticatedLayout>
diff --git a/resources/js/Pages/Projects/Partials/Actions/Budget/BudgetActions.vue b/resources/js/Pages/Projects/Partials/Actions/Budget/BudgetActions.vue
index aa7ab359..caa463e0 100644
--- a/resources/js/Pages/Projects/Partials/Actions/Budget/BudgetActions.vue
+++ b/resources/js/Pages/Projects/Partials/Actions/Budget/BudgetActions.vue
@@ -175,7 +175,7 @@ function openNoticeHistory() {
                         </template>
                     </div>
 
-                    <div class="w-full flex flex-col sm:flex-row gap-2">
+                    <div class="grid w-full grid-cols-[repeat(auto-fit,minmax(min(100%,9rem),1fr))] gap-2">
                         <DocumentDownloadMenu
                             label="Baixar todos"
                             button-class="flex-1 !shadow-none !border-primary !text-primary rounded-lg text-xs"
diff --git a/resources/js/Pages/Projects/Partials/Actions/Formalization/FormalizationActions.vue b/resources/js/Pages/Projects/Partials/Actions/Formalization/FormalizationActions.vue
index 8f217a47..9aebfdff 100644
--- a/resources/js/Pages/Projects/Partials/Actions/Formalization/FormalizationActions.vue
+++ b/resources/js/Pages/Projects/Partials/Actions/Formalization/FormalizationActions.vue
@@ -177,7 +177,7 @@ const selectedDocument = computed(() => {
                         </template>
                     </div>
 
-                    <div class="w-full flex flex-col sm:flex-row gap-2">
+                    <div class="grid w-full grid-cols-[repeat(auto-fit,minmax(min(100%,9rem),1fr))] gap-2">
                         <DocumentDownloadMenu
                             label="Baixar todos"
                             button-class="flex-1 !shadow-none !border-primary !text-primary rounded-lg text-xs"
diff --git a/resources/js/Pages/Projects/Partials/Actions/Opening/OpeningActions.vue b/resources/js/Pages/Projects/Partials/Actions/Opening/OpeningActions.vue
index fdd22cc8..5ac26543 100644
--- a/resources/js/Pages/Projects/Partials/Actions/Opening/OpeningActions.vue
+++ b/resources/js/Pages/Projects/Partials/Actions/Opening/OpeningActions.vue
@@ -162,7 +162,7 @@ function openNoticeHistory() {
                     </v-btn>
                 </template>
             </div>
-            <div class="w-full flex flex-col sm:flex-row gap-2">
+            <div class="grid w-full grid-cols-[repeat(auto-fit,minmax(min(100%,9rem),1fr))] gap-2">
                 <DocumentDownloadMenu
                     label="Baixar todos"
                     button-class="flex-1 !shadow-none !border-primary !text-primary rounded-lg text-xs"
diff --git a/resources/js/Pages/Projects/Partials/Actions/noStageSelected.vue b/resources/js/Pages/Projects/Partials/Actions/noStageSelected.vue
index 7ceced49..69eb9ce6 100644
--- a/resources/js/Pages/Projects/Partials/Actions/noStageSelected.vue
+++ b/resources/js/Pages/Projects/Partials/Actions/noStageSelected.vue
@@ -403,7 +403,7 @@ function openNoticeHistory() {
                         </v-btn>
                     </div>
 
-                    <div class="flex w-full flex-col gap-2 sm:flex-row">
+                    <div class="grid w-full grid-cols-[repeat(auto-fit,minmax(min(100%,9rem),1fr))] gap-2">
                         <DocumentDownloadMenu
                             :label="isNoticeLevelDocument(document.type) ? 'Baixar' : 'Baixar todos'"
                             button-class="flex-1 !shadow-none !border-primary !text-primary rounded-lg text-xs"