From c6d2cd796566a5d84f9d3ac1cac4c0f09acee02b Mon Sep 17 00:00:00 2001
From: Gustav Eikaas <guei@equinor.com>
Date: Wed, 3 Jan 2024 15:03:49 +0100
Subject: [PATCH] fix: :bug: fix #562

---
 packages/filter/package.json                                   | 2 +-
 packages/filter/src/lib/components/quickFilter/QuickFilter.tsx | 2 +-
 .../src/lib/components/quickFilter/quickFilter.styles.ts       | 3 ++-
 packages/workspace-fusion/package.json                         | 2 +-
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/filter/package.json b/packages/filter/package.json
index d5243e585..f9440e8e6 100644
--- a/packages/filter/package.json
+++ b/packages/filter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@equinor/workspace-filter",
-  "version": "3.0.8",
+  "version": "3.0.9",
   "type": "module",
   "sideEffects": false,
   "license": "MIT",
diff --git a/packages/filter/src/lib/components/quickFilter/QuickFilter.tsx b/packages/filter/src/lib/components/quickFilter/QuickFilter.tsx
index 8ac3cf225..3b565fc60 100644
--- a/packages/filter/src/lib/components/quickFilter/QuickFilter.tsx
+++ b/packages/filter/src/lib/components/quickFilter/QuickFilter.tsx
@@ -98,10 +98,10 @@ const QuickFilterReady = ({ groups }: QuickFilterReadyProps) => {
                 />
               ))}
             </StyledQuickFilterGroupsLayout>
-            <FiltersAppliedInfo activeFilters={calculateHiddenFiltersApplied()} />
           </>
         )}
         <StyledButtonWrapper>
+          <FiltersAppliedInfo activeFilters={calculateHiddenFiltersApplied()} />
           {isFilterExpanded && (
             <ToggleHideFilterPopover
               allFilters={filterGroups}
diff --git a/packages/filter/src/lib/components/quickFilter/quickFilter.styles.ts b/packages/filter/src/lib/components/quickFilter/quickFilter.styles.ts
index 1b8a6d2a7..aa43f77dd 100644
--- a/packages/filter/src/lib/components/quickFilter/quickFilter.styles.ts
+++ b/packages/filter/src/lib/components/quickFilter/quickFilter.styles.ts
@@ -3,7 +3,7 @@ import styled from 'styled-components';
 
 export const StyledCompactFilterWrapper = styled.div<{ isExpanded: boolean }>`
   display: grid;
-  grid-template-columns: ${(e) => (e.isExpanded ? 'minmax(200px, 350px) 1fr' : 'minmax(200px, 350px) 1fr 100px')};
+  grid-template-columns: ${(e) => (e.isExpanded ? 'minmax(200px, 350px) 1fr' : 'minmax(200px, 350px) 1fr min-content')};
   grid-template-rows: 1fr;
   overflow: hidden;
   gap: 2em;
@@ -33,6 +33,7 @@ export const StyledWrapper = styled.div`
 export const StyledButtonWrapper = styled.div`
   display: flex;
   width: 100%;
+  align-items: center;
   justify-content: flex-end;
   background-color: ${tokens.colors.ui.background__light.hex};
 `;
diff --git a/packages/workspace-fusion/package.json b/packages/workspace-fusion/package.json
index 24fae85c9..64d7c747d 100644
--- a/packages/workspace-fusion/package.json
+++ b/packages/workspace-fusion/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@equinor/workspace-fusion",
-  "version": "7.0.0",
+  "version": "7.0.1",
   "type": "module",
   "sideEffects": false,
   "license": "MIT",