diff --git a/Composer/packages/client/src/components/QnA/CreateQnAFromScratchModal.tsx b/Composer/packages/client/src/components/QnA/CreateQnAFromScratchModal.tsx
index 0885febe59..b1edad5633 100644
--- a/Composer/packages/client/src/components/QnA/CreateQnAFromScratchModal.tsx
+++ b/Composer/packages/client/src/components/QnA/CreateQnAFromScratchModal.tsx
@@ -74,6 +74,7 @@ export const CreateQnAFromScratchModal: React.FC<CreateQnAFromModalProps> = (pro
       <DialogFooter>
         {showCreateQnAFromUrlDialog && (
           <DefaultButton
+            styles={{ root: { float: 'left' } }}
             text={formatMessage('Back')}
             onClick={() => {
               actions.createQnAFromScratchDialogCancel({ projectId });
diff --git a/Composer/packages/client/src/components/QnA/styles.ts b/Composer/packages/client/src/components/QnA/styles.ts
index 522338398d..39e217911f 100644
--- a/Composer/packages/client/src/components/QnA/styles.ts
+++ b/Composer/packages/client/src/components/QnA/styles.ts
@@ -18,7 +18,7 @@ export const styles = {
   },
   modal: {
     main: {
-      maxWidth: '800px !important',
+      maxWidth: '600px !important',
     },
   },
 };
@@ -26,15 +26,15 @@ export const styles = {
 export const dialogWindow = css`
   display: flex;
   flex-direction: column;
-  width: 400px;
-  min-height: 200px;
+  width: 552px;
+  min-height: 254px;
 `;
 
 export const dialogWindowMini = css`
   display: flex;
   flex-direction: column;
-  width: 400px;
-  min-height: 100px;
+  width: 552px;
+  min-height: 308px;
 `;
 
 export const textField = {