adjust images

Author: ethanpalm

editor.mdx

@@ -104,7 +104,7 @@ Markdown mode provides direct access to the underlying `MDX` code of your docume
 
 Use the sidebar file explorer to browse your documentation files. Click on any file to open it in the editor.
 
-Press <kbd>Command</kbd> + <kbd>P</kbd> (<kbd>Ctrl</kbd> + <kbd>P</kbd> on Windows) to search for files by name.
+Press <kbd>Command</kbd> + <kbd>P</kbd> on macOS or <kbd>Ctrl</kbd> + <kbd>P</kbd> on Windows to search for files by name.
 
 ### Create new pages
 
@@ -115,15 +115,15 @@ Select the **Create a new file** icon in the file explorer sidebar.
   src="/images/editor/files-menu-light.png"
   className="block dark:hidden rounded-2xl border border-gray-100 shadow-lg"
   style={{
-    width: '268px',
+    width: '400px',
     height: 'auto',
   }}
   alt="Files menu in the visual editor"/>
 <img
   src="/images/editor/files-menu-dark.png"
   className="hidden dark:block rounded-2xl border border-white/10 shadow-lg"
   style={{
-    width: '268px',
+    width: '400px',
     height: 'auto',
   }}
   alt="Files menu in the visual editor in dark mode"/>
@@ -135,10 +135,18 @@ Filenames are automatically appended with a `.mdx` extension. To change the file
 <img
   src="/images/editor/file-type-light.png"
   className="block dark:hidden"
+    style={{
+    width: 'auto',
+    height: '400px',
+  }}
   alt="File extension menu in the visual editor."/>
 <img
   src="/images/editor/file-type-dark.png"
   className="hidden dark:block"
+  style={{
+    width: 'auto',
+    height: '400px',
+  }}
   alt="File extension menu in the visual editor in dark mode."/>
 </Frame>