diff --git a/docs/components/Page/Hero.tsx b/docs/components/Page/Hero.tsx
index c1e73239..16b52f59 100644
--- a/docs/components/Page/Hero.tsx
+++ b/docs/components/Page/Hero.tsx
@@ -18,7 +18,7 @@ export const Hero: React.FunctionComponent<IHeroProps> = ({view, title, descript
   return (
     <div className={`overflow-hidden lg:relative`}>
       <div className={`${className || ""} px-4 sm:px-6 xl:px-0 py-12 sm:py-16 lg:relative lg:mx-auto lg:max-w-7xl lg:grid lg:grid-cols-2 lg:grid-flow-col-dense lg:gap-24`}>
-        <div className={`max-w-3xl mx-auto lg:py-32 lg:max-w-none lg:mx-0 lg:px-0 ${view === "left" ? `lg:col-start-2` : `lg:col-start-1`}`}>
+        <div className={`max-w-3xl mx-auto lg:py-48 lg:max-w-none lg:mx-0 lg:px-0 ${view === "left" ? `lg:col-start-2` : `lg:col-start-1`}`}>
           <div>
             <h2 className="text-3xl lg:text-3xl xl:text-4xl tracking-tight font-extrabold sm:leading-none">
               {title}
diff --git a/docs/content/changelog/CHANGELOG.md b/docs/content/changelog/CHANGELOG.md
index 9ae2741b..beafba36 100644
--- a/docs/content/changelog/CHANGELOG.md
+++ b/docs/content/changelog/CHANGELOG.md
@@ -12,6 +12,7 @@
 - [#89](https://github.com/estruyf/vscode-front-matter/issues/89): Clear filter, sorting, and grouping button added
 - [#90](https://github.com/estruyf/vscode-front-matter/issues/90): Refactoring to use Recoil state management
 - [#91](https://github.com/estruyf/vscode-front-matter/issues/91): Support image previews from content folders
+- [#98](https://github.com/estruyf/vscode-front-matter/issues/98): Add drag and drop support for media upload in a folder
 
 ## [3.0.2] - 2021-08-31
 
diff --git a/docs/content/docs/dashboard.md b/docs/content/docs/dashboard.md
index 188c0c29..2683e568 100644
--- a/docs/content/docs/dashboard.md
+++ b/docs/content/docs/dashboard.md
@@ -42,7 +42,17 @@ The media view has been created to make it easier to look at all media files ava
 
 ![Dashboard - Media view - Lightbox](/assets/lightbox.png)
 
-On the image card, there are actions like copying the relative path which you can then use in your article.
+### Media actions
+
+On the image card, there are actions like copying the relative path or deleting the media file.
+
+![Dashboard - Delete media file](/assets/delete-media.png)
+
+### Drag and Drop
+
+On the media view, we enabled drag and drop for your media files. You can easily drop any image from your explorer/finder window into one of your folders.
+
+![Dashboard - Upload media file](/assets/upload-media.png)
 
 ## Show on startup
 
diff --git a/docs/public/assets/delete-media.png b/docs/public/assets/delete-media.png
new file mode 100644
index 00000000..24b5c31a
Binary files /dev/null and b/docs/public/assets/delete-media.png differ
diff --git a/docs/public/assets/lightbox.png b/docs/public/assets/lightbox.png
index 35d6f50b..f7486571 100644
Binary files a/docs/public/assets/lightbox.png and b/docs/public/assets/lightbox.png differ
diff --git a/docs/public/assets/media.png b/docs/public/assets/media.png
index ac0768a4..3f2d2f77 100644
Binary files a/docs/public/assets/media.png and b/docs/public/assets/media.png differ
diff --git a/docs/public/assets/upload-media.png b/docs/public/assets/upload-media.png
new file mode 100644
index 00000000..74cbd118
Binary files /dev/null and b/docs/public/assets/upload-media.png differ