diff --git a/packages/twenty-front/src/modules/settings/data-model/objects/components/SettingsObjectCoverImage.tsx b/packages/twenty-front/src/modules/settings/data-model/objects/components/SettingsObjectCoverImage.tsx index a6c2fbf6a1..035b7b431a 100644 --- a/packages/twenty-front/src/modules/settings/data-model/objects/components/SettingsObjectCoverImage.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/objects/components/SettingsObjectCoverImage.tsx @@ -14,12 +14,14 @@ import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const StyledCoverImageContainer = styled.div` align-items: center; background-size: cover; + border: 1px solid ${themeCssVariables.border.color.medium}; border-radius: ${themeCssVariables.border.radius.md}; box-sizing: border-box; display: flex; justify-content: center; margin-bottom: ${themeCssVariables.spacing[8]}; min-height: 153px; + overflow: hidden; position: relative; `; diff --git a/packages/twenty-front/src/modules/settings/profile/components/EmailField.tsx b/packages/twenty-front/src/modules/settings/profile/components/EmailField.tsx index b1a7869b56..d85a5b768f 100644 --- a/packages/twenty-front/src/modules/settings/profile/components/EmailField.tsx +++ b/packages/twenty-front/src/modules/settings/profile/components/EmailField.tsx @@ -2,10 +2,10 @@ import { styled } from '@linaria/react'; import { useState } from 'react'; import { currentUserState } from '@/auth/states/currentUserState'; -import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { useCanEditProfileField } from '@/settings/profile/hooks/useCanEditProfileField'; import { useUpdateEmail } from '@/settings/profile/hooks/useUpdateEmail'; import { SettingsTextInput } from '@/ui/input/components/SettingsTextInput'; +import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { IconCheck, IconPencil, IconX } from 'twenty-ui/display'; import { Button } from 'twenty-ui/input'; import { themeCssVariables } from 'twenty-ui/theme-constants'; @@ -34,7 +34,6 @@ const StyledActionWrapper = styled.div` const StyledActionButtonContainer = styled.div` align-items: center; display: inline-flex; - height: 100%; justify-content: center; `; @@ -101,7 +100,7 @@ export const EmailField = () => { Icon={IconCheck} variant="secondary" position="left" - size="small" + size="medium" onClick={handleSave} disabled={isSaveDisabled} type="button" @@ -112,7 +111,7 @@ export const EmailField = () => { Icon={IconX} variant="secondary" position="right" - size="small" + size="medium" onClick={handleCancelEditing} type="button" /> @@ -124,7 +123,7 @@ export const EmailField = () => {