fix: added size to icon-button

Eyevinn · Apr 16, 2024 · cf908f3 · cf908f3
1 parent ceeb347
commit cf908f3
Showing 1 changed file with 8 additions and 2 deletions.
diff --git 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>