fix: content fix

src/features/dashboard/components/ApiTokenTable/CopyTokenDialog/CopyTokenDialog.module.scss

@@ -0,0 +1,5 @@
+@use 'src/styles/utility' as *;
+
+.content {
+  padding: 0 rem(3.5) 0 rem(3.5);
+}

src/features/dashboard/components/ApiTokenTable/CopyTokenDialog/index.tsx

@@ -1,6 +1,7 @@
 import React, { useMemo, useCallback } from 'react';
 import { Modal } from '@deriv/ui';
 import { TModalActionButton } from '@deriv/ui/dist/types/src/components/core/modal/types';
+import styles from './CopyTokenDialog.module.scss';
 
 type TCopyTokenDialog = {
   setToggleModal: React.Dispatch<React.SetStateAction<boolean>>;
@@ -45,13 +46,19 @@ const CopyTokenDialog = ({ setToggleModal, copyToken }: TCopyTokenDialog) => {
       <Modal.Portal>
         <div className='modal-overlay'>
           <Modal.Overlay />
-          <Modal.DialogContent
-            has_close_button
-            content={
-              'Be careful who you share this token with. Anyone with this token can perform the following actions on your account: Add accounts, Create or delete API tokens for trading and withdrawals, Modify account settings.'
-            }
-            action_buttons={actionButtons}
-          />
+          <Modal.PageContent has_close_button action_buttons={actionButtons}>
+            <div className={styles.content}>
+              Be careful who you share this token with. Anyone with this token can perform the
+              following actions on your account behalf
+              <ul>
+                <li>Add accounts</li>
+
+                <li>Create or delete API tokens for trading and withdrawals</li>
+
+                <li>Modify account settings</li>
+              </ul>
+            </div>
+          </Modal.PageContent>
         </div>
       </Modal.Portal>
     </Modal>