diff --git a/apps/web/pages/documents/[id]/index.tsx b/apps/web/pages/documents/[id]/index.tsx
index 5e2176013..e8fcb18cf 100644
--- a/apps/web/pages/documents/[id]/index.tsx
+++ b/apps/web/pages/documents/[id]/index.tsx
@@ -82,6 +82,7 @@ const DocumentsDetailPage: NextPageWithLayout = (props: any) => {
             <Button
               icon={PaperAirplaneIcon}
               disabled={(props?.document?.Recipient?.length || 0) === 0}
+              className="ml-3"
               onClick={() => {
                 if (
                   confirm(
diff --git a/packages/ui/components/button/Button.tsx b/packages/ui/components/button/Button.tsx
index 6a013c58b..8a84ec383 100644
--- a/packages/ui/components/button/Button.tsx
+++ b/packages/ui/components/button/Button.tsx
@@ -6,7 +6,7 @@ export function Button(props: any) {
   const isLink = typeof props.href !== "undefined";
   const { color = "primary", icon, disabled, onClick } = props;
   const baseStyles =
-    "ml-3 inline-flex items-center justify-center min-w-[80px] rounded-md border border-transparent px-4 py-2 text-sm font-medium shadow-sm disabled:bg-gray-300";
+    "inline-flex items-center justify-center min-w-[80px] rounded-md border border-transparent px-4 py-2 text-sm font-medium shadow-sm disabled:bg-gray-300";
   const primaryStyles = "text-white bg-neon hover:bg-neon-dark";
   const secondaryStyles =
     "border-gray-300 bg-white text-gray-700 hover:bg-gray-50";