diff --git a/apps/meteor/ee/client/voip/modal/DialPad/DialPadModal.tsx b/apps/meteor/ee/client/voip/modal/DialPad/DialPadModal.tsx
index 04c079191957..1939ab813565 100644
--- a/apps/meteor/ee/client/voip/modal/DialPad/DialPadModal.tsx
+++ b/apps/meteor/ee/client/voip/modal/DialPad/DialPadModal.tsx
@@ -1,4 +1,4 @@
-import { Box, Field, Modal, IconButton } from '@rocket.chat/fuselage';
+import { Field, Modal, IconButton } from '@rocket.chat/fuselage';
 import React, { ReactElement } from 'react';
 
 import { DialInput } from './DialInput';
@@ -49,20 +49,18 @@ const DialPadModal = ({ initialValue, errorMessage, handleClose }: DialPadModalP
 				<Pad onClickPadButton={handlePadButtonClick} onLongPressPadButton={handlePadButtonLongPressed} />
 			</Modal.Content>
 			<Modal.Footer justifyContent='center'>
-				<Box display='flex' justifyContent='center'>
-					<IconButton
-						icon='phone'
-						disabled={isButtonDisabled}
-						borderRadius='full'
-						secondary
-						info
-						size='64px'
-						onClick={(): void => {
-							handleCallButtonClick();
-							handleClose();
-						}}
-					/>
-				</Box>
+				<IconButton
+					icon='phone'
+					disabled={isButtonDisabled}
+					borderRadius='full'
+					secondary
+					info
+					size='64px'
+					onClick={(): void => {
+						handleCallButtonClick();
+						handleClose();
+					}}
+				/>
 			</Modal.Footer>
 		</Modal>
 	);