diff --git a/frontend/src/components/Filterbar.tsx b/frontend/src/components/Filterbar.tsx
index 197df041..a03e5392 100644
--- a/frontend/src/components/Filterbar.tsx
+++ b/frontend/src/components/Filterbar.tsx
@@ -110,10 +110,8 @@ const Filterbar = ({ viewStyle, showSort = true, showTypeFilter = false }: Filte
onClick={() => setShowSelection(!showSelection)}
title={showSelection ? 'Hide multi select boxes' : 'Show multi select boxes'}
/>
-
-
{showFilterItems && (
- <>
+
Filter:
)}

setShowFilterItems(!showFilterItems)}
/>
-
-
{showHidden && (
Sort:
@@ -204,8 +200,6 @@ const Filterbar = ({ viewStyle, showSort = true, showTypeFilter = false }: Filte
id="animate-icon"
/>
)}
-
-
{userConfig.grid_items !== undefined && isGridView && (
{userConfig.grid_items < 7 && (
diff --git a/frontend/src/style.css b/frontend/src/style.css
index 3cc10ccc..55debd37 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -428,9 +428,8 @@ button:disabled:hover {
}
.view-controls {
- display: flex;
- flex-wrap: wrap;
- justify-content: end;
+ display: grid;
+ grid-template-columns: 1fr auto auto;
border-bottom: 2px solid;
border-color: var(--accent-font-dark);
margin: 15px 0;