diff --git a/app/javascript/article-form/components/ArticleCoverImage.jsx b/app/javascript/article-form/components/ArticleCoverImage.jsx
index 8caa0db7b..46419a67c 100644
--- a/app/javascript/article-form/components/ArticleCoverImage.jsx
+++ b/app/javascript/article-form/components/ArticleCoverImage.jsx
@@ -1,4 +1,4 @@
-import { h, Component, Fragment } from 'preact';
+import { h, Component } from 'preact';
 import PropTypes from 'prop-types';
 import { generateMainImage } from '../actions';
 import { validateFileInputs } from '../../packs/validateFileInputs';
@@ -75,7 +75,7 @@ export class ArticleCoverImage extends Component {
               <Spinner /> Uploading...
             </span>
           ) : (
-            <Fragment>
+            <>
               <Button variant="outlined" className="mr-2 whitespace-nowrap">
                 <label htmlFor="cover-image-input">{uploadLabel}</label>
                 <input
@@ -95,7 +95,7 @@ export class ArticleCoverImage extends Component {
                   Remove
                 </Button>
               )}
-            </Fragment>
+            </>
           )}
         </div>
         {uploadError && (
diff --git a/babel.config.js b/babel.config.js
index 108abe942..6c64546ea 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -54,6 +54,7 @@ module.exports = function (api) {
         '@babel/plugin-transform-react-jsx',
         {
           pragma: 'h',
+          pragmaFrag: '"Fragment"',
         },
       ],
     ].filter(Boolean),