Resolved new feedback (#2727)

Amsterdam · Oct 11, 2023 · 32fa171 · 32fa171
1 parent 574a076
commit 32fa171
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/signals/settings/categories/components/IconInput/IconInput.tsx b/src/signals/settings/categories/components/IconInput/IconInput.tsx
@@ -6,7 +6,6 @@ import { TrashBin } from '@amsterdam/asc-assets'
 import { Controller } from 'react-hook-form'
 import { useParams } from 'react-router-dom'
 
-import Button from 'components/Button'
 import { useConfirm } from 'hooks/useConfirm'
 import useFetch from 'hooks/useFetch'
 import { RequestType } from 'hooks/useFetch'
@@ -21,6 +20,7 @@ import type { Props as CategoryFormProps } from '../CategoryForm'
 import {
   DeleteButton,
   FieldGroup,
+  StyledButton,
   StyledHeading,
   StyledIcon,
   Wrapper,
@@ -156,14 +156,14 @@ export const IconInput = ({ formMethods, icon }: Props) => {
                 onChange={handleOnChange}
                 multiple={false}
               >
-                <Button
+                <StyledButton
                   forwardedAs={'span'}
                   tabIndex={0}
                   variant="primaryInverted"
                   type="button"
                 >
                   {label}
-                </Button>
+                </StyledButton>
               </FileInput>
 
               {fileDataURL && (

diff --git a/src/signals/settings/categories/components/styled.ts b/src/signals/settings/categories/components/styled.ts
@@ -115,3 +115,9 @@ export const Wrapper = styled.div`
     margin-left: ${themeSpacing(2)};
   }
 `
+
+export const StyledButton = styled(Button)`
+  &:hover {
+    border-left-width: 2px;
+  }
+`