diff --git a/client/components/newDocumentForm.jsx b/client/components/newDocumentForm.jsx
new file mode 100644
index 000000000..94c323e4f
--- /dev/null
+++ b/client/components/newDocumentForm.jsx
@@ -0,0 +1,11 @@
+import React from "react";
+
+
+export function NewDocumentForm() {
+
+  return (
+    <div>
+      Hello
+    </div>
+  );
+}
diff --git a/client/homebrew/navbar/newbrew.navitem.jsx b/client/homebrew/navbar/newbrew.navitem.jsx
index d19b7595f..7b2f07922 100644
--- a/client/homebrew/navbar/newbrew.navitem.jsx
+++ b/client/homebrew/navbar/newbrew.navitem.jsx
@@ -1,13 +1,22 @@
 const React = require('react');
+const { useState } = React;
+
 const _ = require('lodash');
 const Nav = require('naturalcrit/nav/nav.jsx');
 const { splitTextStyleAndMetadata } = require('../../../shared/helpers.js'); // Importing the function from helpers.js
+import Dialog from '../../components/dialog.jsx';
+import { NewDocumentForm } from '../../components/newDocumentForm.jsx';
 
 const BREWKEY  = 'homebrewery-new';
 const STYLEKEY = 'homebrewery-new-style';
 const METAKEY = 'homebrewery-new-meta';
 
+const DISMISS_BUTTON = <i className='fas fa-times dismiss' />;
+
 const NewBrew = ()=>{
+
+	const [open, setOpen] = useState(false);
+
 	const handleFileChange = (e)=>{
 		const file = e.target.files[0];
 		if(!file) return;
@@ -43,15 +52,23 @@ const NewBrew = ()=>{
 		reader.readAsText(file);
 	};
 
-
-	return (
-		<Nav.dropdown>
-			<Nav.item
-				className='new'
-				color='purple'
-				icon='fa-solid fa-plus-square'>
+	return <>
+		<Nav.item
+			className='new'
+			color='purple'
+			icon='fa-solid fa-plus-square'
+			onClick={()=>{ setOpen(true);}}>
                 new
-			</Nav.item>
+
+		</Nav.item>
+		{open && <Dialog blocking className='newBrewPopup' closeText={DISMISS_BUTTON} >
+          			<NewDocumentForm/>
+        		</Dialog>
+		}
+	</>;
+};
+
+/*
 			<Nav.item
 				className='fromBlank'
 				href='/new'
@@ -60,7 +77,6 @@ const NewBrew = ()=>{
 				icon='fa-solid fa-file'>
                 from blank
 			</Nav.item>
-
 			<Nav.item
 				className='fromFile'
 				color='purple'
@@ -69,8 +85,7 @@ const NewBrew = ()=>{
 				<input id='uploadTxt' className='newFromLocal' type='file' onChange={handleFileChange} style={{ display: 'none' }} />
                 from file
 			</Nav.item>
-		</Nav.dropdown>
-	);
-};
+			*/
+
 
 module.exports = NewBrew;