From 15b75fc852f7f2e984147317e3bf678504e64106 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <anmolsinghbhatia@plane.so>
Date: Mon, 29 Jul 2024 16:19:25 +0530
Subject: [PATCH] fix: profile layout

---
 .../roots/profile-issues-root.tsx                |  2 +-
 web/core/components/profile/profile-issues.tsx   | 16 +++++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/web/core/components/issues/issue-layouts/filters/applied-filters/roots/profile-issues-root.tsx b/web/core/components/issues/issue-layouts/filters/applied-filters/roots/profile-issues-root.tsx
index f32c919b2d9..fe1af5fb20d 100644
--- a/web/core/components/issues/issue-layouts/filters/applied-filters/roots/profile-issues-root.tsx
+++ b/web/core/components/issues/issue-layouts/filters/applied-filters/roots/profile-issues-root.tsx
@@ -65,7 +65,7 @@ export const ProfileIssuesAppliedFiltersRoot: React.FC = observer(() => {
   if (Object.keys(appliedFilters).length === 0) return null;
 
   return (
-    <div className="p-4">
+    <div className="p-4 flex-shrink-0">
       <AppliedFiltersList
         appliedFilters={appliedFilters}
         handleClearAllFilters={handleClearAllFilters}
diff --git a/web/core/components/profile/profile-issues.tsx b/web/core/components/profile/profile-issues.tsx
index f0b7ac48b07..e4adaf9993d 100644
--- a/web/core/components/profile/profile-issues.tsx
+++ b/web/core/components/profile/profile-issues.tsx
@@ -47,13 +47,15 @@ export const ProfileIssuesPage = observer((props: IProfileIssuesPage) => {
 
   return (
     <IssuesStoreContext.Provider value={EIssuesStoreType.PROFILE}>
-      <ProfileIssuesAppliedFiltersRoot />
-      <div className="-z-1 relative h-full w-full overflow-auto">
-        {activeLayout === "list" ? (
-          <ProfileIssuesListLayout />
-        ) : activeLayout === "kanban" ? (
-          <ProfileIssuesKanBanLayout />
-        ) : null}
+      <div className="flex flex-col h-full w-full">
+        <ProfileIssuesAppliedFiltersRoot />
+        <div className="-z-1 relative h-full w-full overflow-auto">
+          {activeLayout === "list" ? (
+            <ProfileIssuesListLayout />
+          ) : activeLayout === "kanban" ? (
+            <ProfileIssuesKanBanLayout />
+          ) : null}
+        </div>
       </div>
       {/* peek overview */}
       <IssuePeekOverview />