diff --git a/pages/outfits/[id].js b/pages/outfits/[id].js
index 82dbfa8..91b0167 100644
--- a/pages/outfits/[id].js
+++ b/pages/outfits/[id].js
@@ -15,7 +15,7 @@ import dynamic from "next/dynamic";
 // try changing "ssr" to true below to test for incompatibilities, if
 // no errors occur the above static import can be used instead and the
 // below removed
-const NextIndexWrapper = dynamic(() => import("../../src"), { ssr: false });
+const App = dynamic(() => import("../../src/app/App"), { ssr: false });
 
 export default function Page({ outfit, ...props }) {
   return (
@@ -24,7 +24,7 @@ export default function Page({ outfit, ...props }) {
         <title>{outfit.name || "Untitled outfit"} | Dress to Impress</title>
         <OutfitMetaTags outfit={outfit} />
       </Head>
-      <NextIndexWrapper {...props} />
+      <App {...props} />
     </>
   );
 }
diff --git a/pages/outfits/new.js b/pages/outfits/new.js
index ca1c079..f04f689 100644
--- a/pages/outfits/new.js
+++ b/pages/outfits/new.js
@@ -12,8 +12,8 @@ import dynamic from "next/dynamic";
 // try changing "ssr" to true below to test for incompatibilities, if
 // no errors occur the above static import can be used instead and the
 // below removed
-const NextIndexWrapper = dynamic(() => import("../../src"), { ssr: false });
+const App = dynamic(() => import("../../src/app/App"), { ssr: false });
 
 export default function Page(props) {
-  return <NextIndexWrapper {...props} />;
+  return <App {...props} />;
 }