diff --git a/frontend/src/components/DepartmentFilter.tsx b/frontend/src/components/DepartmentFilter.tsx
index de46c300..94d055a2 100644
--- a/frontend/src/components/DepartmentFilter.tsx
+++ b/frontend/src/components/DepartmentFilter.tsx
@@ -15,7 +15,7 @@ export default function DepartmentFilter() {
       <div>
         <div className="flex flex-col gap-2">
           <p className="body-small">Avdelinger</p>
-          <div className="flex flew-row flex-wrap gap-2">
+          <div className="flex flew-row flex-wrap gap-2 w-52">
             {data?.map((department, index) => (
               <FilterButton key={index} filterName={department.name} />
             ))}