diff --git a/packages/app-store/office365video/components/AccountDialog.tsx b/packages/app-store/office365video/components/AccountDialog.tsx
index 2216ffe2d9..f5a5062708 100644
--- a/packages/app-store/office365video/components/AccountDialog.tsx
+++ b/packages/app-store/office365video/components/AccountDialog.tsx
@@ -1,32 +1,33 @@
 import type { DialogProps } from "@calcom/ui";
-import { Button, Dialog, DialogClose, DialogContent, DialogFooter, DialogHeader } from "@calcom/ui";
+import { Button } from "@calcom/ui";
+import { Dialog, DialogClose, DialogContent, DialogFooter } from "@calcom/ui";
 
 import useAddAppMutation from "../../_utils/useAddAppMutation";
 
 export function AccountDialog(props: DialogProps) {
   const mutation = useAddAppMutation("office365_video");
   return (
-    <Dialog name="Account check" {...props}>
-      <DialogContent type="confirmation">
-        <DialogHeader
-          title="Connecting with MS Teams requires a work/school Microsoft account."
-          subtitle="If you continue with a personal account you will receive an error"
-        />
-
+    <Dialog name="Account check" open={props.open} onOpenChange={props.onOpenChange}>
+      <DialogContent
+        type="creation"
+        title="Connecting with MS Teams requires a work/school Microsoft account."
+        description="If you continue with a personal account you will receive an error">
         <DialogFooter>
-          <DialogClose
-            type="button"
-            color="secondary"
-            tabIndex={-1}
-            onClick={() => {
-              props.onOpenChange?.(false);
-            }}>
-            Cancel
-          </DialogClose>
+          <>
+            <DialogClose
+              type="button"
+              color="secondary"
+              tabIndex={-1}
+              onClick={() => {
+                props.onOpenChange?.(false);
+              }}>
+              Cancel
+            </DialogClose>
 
-          <Button type="button" onClick={() => mutation.mutate("")}>
-            Continue
-          </Button>
+            <Button type="button" onClick={() => mutation.mutate("")}>
+              Continue
+            </Button>
+          </>
         </DialogFooter>
       </DialogContent>
     </Dialog>
diff --git a/packages/ui/v2/core/Dialog.tsx b/packages/ui/v2/core/Dialog.tsx
index e1d59dd59d..7128136875 100644
--- a/packages/ui/v2/core/Dialog.tsx
+++ b/packages/ui/v2/core/Dialog.tsx
@@ -139,11 +139,7 @@ export function DialogHeader(props: DialogHeaderProps) {
 }
 
 export function DialogFooter(props: { children: ReactNode }) {
-  return (
-    <div>
-      <div className="mt-7 flex justify-end space-x-2 rtl:space-x-reverse ">{props.children}</div>
-    </div>
-  );
+  return <div className="mt-7 flex justify-end space-x-2 rtl:space-x-reverse ">{props.children}</div>;
 }
 
 DialogContent.displayName = "DialogContent";