diff --git a/frontend/app/components/modules/project/components/shared/header.vue b/frontend/app/components/modules/project/components/shared/header.vue
index 51ae84b3..aacf49f8 100644
--- a/frontend/app/components/modules/project/components/shared/header.vue
+++ b/frontend/app/components/modules/project/components/shared/header.vue
@@ -15,35 +15,40 @@ SPDX-License-Identifier: MIT
           class="ease-linear transition-all"
           :class="scrollTop > 50 ? 'py-3 md:py-4' : 'py-3 md:py-6'"
         >
-          <div class="flex items-center justify-between gap-2">
-            <div class="flex items-center min-w-0">
-              <lfx-back class="ease-linear transition-all pr-1 sm:pr-4">
-                <lfx-icon-button
-                  type="transparent"
-                  icon="angle-left"
-                  class=""
+          <div class="flex items-center flex-row justify-between gap-2 flex-wrap">
+            <div
+              class="flex sm:items-center items-stretch min-w-0 max-w-full 
+              sm:flex-nowrap flex-wrap sm:w-auto w-full"
+            >
+              <div class="flex items-center grow sm:max-w-none max-w-full">
+                <lfx-back class="ease-linear transition-all pr-1 sm:pr-4">
+                  <lfx-icon-button
+                    type="transparent"
+                    icon="angle-left"
+                    class=""
+                  />
+                </lfx-back>
+                <lfx-organization-logo
+                  class="mr-4 max-h-8 md:max-h-12"
+                  :src="props.project?.logo || ''"
+                  :size="scrollTop > 50 ? 'normal' : ((pageWidth < 768 && pageWidth > 0) ? 'normal' : 'large')"
+                  :is-lf="!!props.project?.isLF"
                 />
-              </lfx-back>
-              <lfx-organization-logo
-                class="mr-4 max-h-8 md:max-h-12"
-                :src="props.project?.logo || ''"
-                :size="scrollTop > 50 ? 'normal' : ((pageWidth < 768 && pageWidth > 0) ? 'normal' : 'large')"
-                :is-lf="!!props.project?.isLF"
-              />
 
-              <h1
-                class="font-bold mr-3 ease-linear transition-all
-                 font-secondary duration-200 text-heading-4 line-clamp-1 max-w-[25ch] truncate"
-                :class="[
-                  scrollTop > 50 ? 'md:text-heading-3' : 'md:text-heading-2'
-                ]"
-              >
-                {{ props.project?.name }}
-              </h1>
-              <span
-                v-if="(props.project?.repositories?.length ?? 0) > 0"
-                class="mr-1 text-neutral-400 font-secondary leading-8 ease-linear transition-all text-2xl"
-              >/</span>
+                <h1
+                  class="font-bold mr-3 ease-linear transition-all
+                  font-secondary duration-200 text-heading-4 line-clamp-1 sm:max-w-[25ch] truncate"
+                  :class="[
+                    scrollTop > 50 ? 'md:text-heading-3' : 'md:text-heading-2'
+                  ]"
+                >
+                  {{ props.project?.name }}
+                </h1>
+                <span
+                  v-if="(props.project?.repositories?.length ?? 0) > 0"
+                  class="mr-1 text-neutral-400 font-secondary leading-8 ease-linear transition-all text-2xl"
+                >/</span>
+              </div>
               <div
                 v-if="(props.project?.repositories?.length ?? 0) > 0"
                 class="flex items-center gap-3 cursor-pointer px-2 py-0.5
@@ -76,7 +81,7 @@ SPDX-License-Identifier: MIT
                 />
               </div>
             </div>
-            <div class="hidden sm:flex items-center gap-4">
+            <div class="hidden sm:flex items-center gap-4 flex-grow justify-end">
               <lfx-icon-button
                 icon="comment-exclamation"
                 size="medium"
@@ -93,7 +98,7 @@ SPDX-License-Identifier: MIT
               <lfx-button
                 v-if="hasLfxInsightsPermission"
                 type="tertiary"
-                class="!rounded-full"
+                class="!rounded-full !text-nowrap"
                 @click="openCopilotHandler()"
               >
                 <lfx-icon name="sparkles" />
@@ -145,18 +150,6 @@ SPDX-License-Identifier: MIT
                 />
                 <p class="text-xs whitespace-nowrap">Report issue</p>
               </div>
-              <div
-                v-if="hasLfxInsightsPermission"
-                class="flex items-center py-1.5 px-3 gap-1.5 cursor-pointer"
-                @click="openCopilotHandler()"
-              >
-                <lfx-icon
-                  name="sparkles"
-                  :size="14"
-                  class="text-brand-500"
-                />
-                <p class="text-xs whitespace-nowrap">Ask Copilot</p>
-              </div>
             </div>
           </teleport>
           <lfx-project-date-range-picker
diff --git a/frontend/app/components/modules/project/components/shared/header/project-menu.vue b/frontend/app/components/modules/project/components/shared/header/project-menu.vue
index 198fb8b0..742ef05a 100644
--- a/frontend/app/components/modules/project/components/shared/header/project-menu.vue
+++ b/frontend/app/components/modules/project/components/shared/header/project-menu.vue
@@ -3,7 +3,7 @@ Copyright (c) 2025 The Linux Foundation and each contributor.
 SPDX-License-Identifier: MIT
 -->
 <template>
-  <div class="flex sm:hidden lg:flex items-center gap-3">
+  <div class="lg:flex hidden items-center gap-3">
     <template v-if="isProjectLoading">
       <lfx-skeleton-state
         v-for="link of lfProjectLinks"
@@ -32,7 +32,7 @@ SPDX-License-Identifier: MIT
       </lfx-menu-button>
     </lfx-tooltip>
   </div>
-  <div class="hidden sm:block lg:hidden">
+  <div class="lg:hidden block">
     <lfx-dropdown
       placement="bottom-start"
       width="15rem"
@@ -62,15 +62,7 @@ SPDX-License-Identifier: MIT
           <lfx-dropdown-item
             :value="repoName ? link.repoRouteName : link.projectRouteName"
             :label="link.label"
-          >
-            <!--            <lfx-icon-->
-            <!--              :name="link.icon"-->
-            <!--              :class="{'font-black !text-brand-500': activeLink?.key === link.key}"-->
-            <!--            />-->
-            <!--            <span :class="{'font-medium': activeLink?.key === link.key}">-->
-            <!--              {{ link.label }}-->
-            <!--            </span>-->
-          </lfx-dropdown-item>
+          />
         </router-link>
 
       </template>
diff --git a/frontend/app/components/modules/widget/components/shared/widget-area.vue b/frontend/app/components/modules/widget/components/shared/widget-area.vue
index 6ec77048..408e58f5 100644
--- a/frontend/app/components/modules/widget/components/shared/widget-area.vue
+++ b/frontend/app/components/modules/widget/components/shared/widget-area.vue
@@ -3,7 +3,7 @@ Copyright (c) 2025 The Linux Foundation and each contributor.
 SPDX-License-Identifier: MIT
 -->
 <template>
-  <div class="container !px-5 lg:!px-10">
+  <div class="container">
     <div class="flex justify-between pt-5 md:pt-10">
       <div class="w-1/4 pr-5 min-w-50 xl:pr-10 max-md:hidden block">
         <lfx-side-nav