diff --git a/.changeset/thick-boats-shake.md b/.changeset/thick-boats-shake.md
new file mode 100644
index 0000000000000..61deeb5506f8e
--- /dev/null
+++ b/.changeset/thick-boats-shake.md
@@ -0,0 +1,5 @@
+---
+'@rocket.chat/meteor': patch
+---
+
+Fixes an issue where assign extension button were missing the proper margin
diff --git a/apps/meteor/client/views/admin/users/voip/AssignExtensionButton.tsx b/apps/meteor/client/views/admin/users/voip/AssignExtensionButton.tsx
index 9c2042193130d..4155f3721a243 100644
--- a/apps/meteor/client/views/admin/users/voip/AssignExtensionButton.tsx
+++ b/apps/meteor/client/views/admin/users/voip/AssignExtensionButton.tsx
@@ -1,11 +1,12 @@
 import { Button } from '@rocket.chat/fuselage';
 import { useEffectEvent } from '@rocket.chat/fuselage-hooks';
 import { useSetModal } from '@rocket.chat/ui-contexts';
+import type { ComponentProps } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import AssignExtensionModal from './AssignExtensionModal';
 
-const AssignExtensionButton = () => {
+const AssignExtensionButton = (props: ComponentProps<typeof Button>) => {
 	const { t } = useTranslation();
 	const setModal = useSetModal();
 
@@ -14,7 +15,7 @@ const AssignExtensionButton = () => {
 	});
 
 	return (
-		<Button icon='phone' onClick={handleAssign}>
+		<Button {...props} icon='phone' onClick={handleAssign}>
 			{t('Assign_extension')}
 		</Button>
 	);