From 8b90d0eaa8b1ddaf8219d0a06d89941a250cbebd Mon Sep 17 00:00:00 2001
From: malmen237 <linda.malm@eyevinn.se>
Date: Tue, 16 Apr 2024 15:54:14 +0200
Subject: [PATCH] fix: added size to icon-button

---
 src/components/landing-page/create-production.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/landing-page/create-production.tsx b/src/components/landing-page/create-production.tsx
index 611c1544..09c80ffa 100644
--- a/src/components/landing-page/create-production.tsx
+++ b/src/components/landing-page/create-production.tsx
@@ -15,7 +15,7 @@ import { API } from "../../api/api.ts";
 import { useGlobalState } from "../../global-state/context-provider.tsx";
 import { Spinner } from "../loader/loader.tsx";
 import { isMobile } from "../../bowser.ts";
-import { RemoveLine } from "../../assets/icons/icon.tsx";
+import { RemoveIcon } from "../../assets/icons/icon.tsx";
 
 type FormValues = {
   productionName: string;
@@ -33,6 +33,10 @@ const RemoveLineBtn = styled.button`
   border: transparent;
 `;
 
+const ButtonIcon = styled.div`
+  width: 2.5rem;
+`;
+
 const ListItemWrapper = styled.div`
   position: relative;
 `;
@@ -155,7 +159,9 @@ export const CreateProduction = () => {
               />
               {index === fields.length - 1 && (
                 <RemoveLineBtn type="button" onClick={() => remove(index)}>
-                  <RemoveLine />
+                  <ButtonIcon>
+                    <RemoveIcon />
+                  </ButtonIcon>
                 </RemoveLineBtn>
               )}
             </ListItemWrapper>