diff --git a/src/components/codeKeywords/keywordSelector.tsx b/src/components/codeKeywords/keywordSelector.tsx
index eb32d8031072f..8e83fe4043a4e 100644
--- a/src/components/codeKeywords/keywordSelector.tsx
+++ b/src/components/codeKeywords/keywordSelector.tsx
@@ -144,9 +144,8 @@ export function KeywordSelector({keyword, group, index}: KeywordSelectorProps) {
           </AnimatePresence>
         </span>
       </KeywordDropdown>
-      <div>
-        {createPortal(<AnimatePresence>{selector}</AnimatePresence>, document.body)}
-      </div>
+      {document &&
+        createPortal(<AnimatePresence>{selector}</AnimatePresence>, document.body)}
     </Fragment>
   );
 }
diff --git a/src/components/codeKeywords/orgAuthTokenCreator.tsx b/src/components/codeKeywords/orgAuthTokenCreator.tsx
index 91ca6fb712757..bbf972a32f46a 100644
--- a/src/components/codeKeywords/orgAuthTokenCreator.tsx
+++ b/src/components/codeKeywords/orgAuthTokenCreator.tsx
@@ -192,8 +192,8 @@ export function OrgAuthTokenCreator() {
           </AnimatePresence>
         </span>
       </KeywordDropdown>
-
-      {createPortal(<AnimatePresence>{selector}</AnimatePresence>, document.body)}
+      {document &&
+        createPortal(<AnimatePresence>{selector}</AnimatePresence>, document.body)}
     </Fragment>
   );
 }