From 7b82d1c62f492120e04c533a867d8e488519e111 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Tue, 30 Jul 2024 13:45:19 +0530
Subject: [PATCH] fix: profile layout (#5256)

---
 .../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 f32c919b2..fe1af5fb2 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 f0b7ac48b..e4adaf999 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 />