diff --git a/src/components/ModalsContainer/EditNodeNameModal/Body/index.tsx b/src/components/ModalsContainer/EditNodeNameModal/Body/index.tsx index 4f1b898ea..8f1a22810 100644 --- a/src/components/ModalsContainer/EditNodeNameModal/Body/index.tsx +++ b/src/components/ModalsContainer/EditNodeNameModal/Body/index.tsx @@ -1,5 +1,5 @@ import { Button, Skeleton } from '@mui/material' -import { useEffect, useState } from 'react' +import React, { useEffect, useState } from 'react' import { FormProvider, useForm } from 'react-hook-form' import { ClipLoader } from 'react-spinners' import styled from 'styled-components' @@ -125,17 +125,21 @@ export const Body = () => { ) : ( )} - - - Delete - - + + + Delete + + + + { )} - + @@ -175,12 +179,11 @@ const DeleteButton = styled(Button)` } ` -const SaveButton = styled(Button)` - && { - flex: 1; - } +const ClipLoaderWrapper = styled.span` + margin-top: 4px; ` -const ClipLoaderWrapper = styled.span` - margin-top: 3px; +const CustomButton = styled(Button)` + width: 80% !important; + margin: 0 auto !important; ` diff --git a/src/components/ModalsContainer/EditNodeNameModal/index.tsx b/src/components/ModalsContainer/EditNodeNameModal/index.tsx index 62da2ebff..30cd36428 100644 --- a/src/components/ModalsContainer/EditNodeNameModal/index.tsx +++ b/src/components/ModalsContainer/EditNodeNameModal/index.tsx @@ -10,7 +10,7 @@ export const EditNodeNameModal = () => { const { close } = useModal('editNodeName') return ( - + )