diff --git a/Composer/packages/client/src/pages/design/exportSkillModal/content/SelectItems.tsx b/Composer/packages/client/src/pages/design/exportSkillModal/content/SelectItems.tsx
index 6584e61922..c19165eef6 100644
--- a/Composer/packages/client/src/pages/design/exportSkillModal/content/SelectItems.tsx
+++ b/Composer/packages/client/src/pages/design/exportSkillModal/content/SelectItems.tsx
@@ -23,7 +23,7 @@ import formatMessage from 'format-message';
 const styles = {
   detailListContainer: css`
     flex-grow: 1;
-    height: 350px;
+    height: 310px;
     position: relative;
     overflow: hidden;
   `,
diff --git a/Composer/packages/client/src/pages/design/exportSkillModal/index.tsx b/Composer/packages/client/src/pages/design/exportSkillModal/index.tsx
index 012401a3e1..209ebf9d8c 100644
--- a/Composer/packages/client/src/pages/design/exportSkillModal/index.tsx
+++ b/Composer/packages/client/src/pages/design/exportSkillModal/index.tsx
@@ -277,7 +277,7 @@ const ExportSkillModal: React.FC<ExportSkillModalProps> = ({ onSubmit, onDismiss
       onDismiss={handleDismiss}
     >
       <div css={styles.container}>
-        <p>
+        <p style={{ height: '38px' }}>
           {typeof subText === 'function' && subText()}
           {helpLink && (
             <React.Fragment>
diff --git a/Composer/packages/client/src/pages/design/exportSkillModal/styles.ts b/Composer/packages/client/src/pages/design/exportSkillModal/styles.ts
index e56a556eb1..342668f3ba 100644
--- a/Composer/packages/client/src/pages/design/exportSkillModal/styles.ts
+++ b/Composer/packages/client/src/pages/design/exportSkillModal/styles.ts
@@ -23,9 +23,12 @@ export const styles = {
       maxWidth: '80% !important',
       width: '960px !important',
     },
+    scrollableContent: {
+      overflow: 'hidden' as 'hidden',
+    },
   },
   container: css`
-    height: 520px;
+    height: 500px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;