diff --git a/src/pages/project.js b/src/pages/project.js
index 8d84d45b..ef29d4a1 100644
--- a/src/pages/project.js
+++ b/src/pages/project.js
@@ -104,6 +104,11 @@ export const PageProject = ({ router }) => {
             <div className="environments-wrapper">
               <div className="environments-all">
                 <Environments environments={environments} project={project} refresh={handleRefetch} environmentCount={environmentCount}/>
+                {
+                  environmentCount === 0 && (
+                    <NewEnvironment inputProjectName={project.name} productionEnvironment={project.productionEnvironment} refresh={handleRefetch} environmentCount={environmentCount} />
+                  )
+                }
               </div>
             </div>
           </ProjectDetailsWrapper>