diff --git a/web/src/components/application-detail-page/index.tsx b/web/src/components/application-detail-page/index.tsx
index f45387ea74..1ceefc3e5a 100644
--- a/web/src/components/application-detail-page/index.tsx
+++ b/web/src/components/application-detail-page/index.tsx
@@ -117,12 +117,12 @@ export const ApplicationDetailPage: FC = memo(function ApplicationDetailPage() {
         {app && app.disabled ? (
           <MenuItem onClick={handleEnableClick}>Enable</MenuItem>
         ) : (
-          <>
+          <div>
             <MenuItem onClick={handleEncryptSecretClick}>
               Encrypt Secret
             </MenuItem>
             <MenuItem onClick={handleDisableClick}>Disable</MenuItem>
-          </>
+          </div>
         )}
         <MenuItem className={classes.warning} onClick={handleDeleteClick}>
           Delete
diff --git a/web/src/components/applications-page/application-list/application-list-item/index.tsx b/web/src/components/applications-page/application-list/application-list-item/index.tsx
index c1f5c9eb59..0355810947 100644
--- a/web/src/components/applications-page/application-list/application-list-item/index.tsx
+++ b/web/src/components/applications-page/application-list/application-list-item/index.tsx
@@ -264,11 +264,11 @@ export const ApplicationListItem: FC<ApplicationListItemProps> = memo(
           {app && app.disabled ? (
             <MenuItem onClick={handleEnable}>Enable</MenuItem>
           ) : (
-            <>
+            <div>
               <MenuItem onClick={handleEdit}>Edit</MenuItem>
               <MenuItem onClick={handleGenerateSecret}>Encrypt Secret</MenuItem>
               <MenuItem onClick={handleDisable}>Disable</MenuItem>
-            </>
+            </div>
           )}
           <MenuItem className={classes.warning} onClick={handleDelete}>
             Delete