diff --git a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/basic/_footer.scss b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/basic/_footer.scss
index 0b04f90065..82d72c820e 100644
--- a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/basic/_footer.scss
+++ b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/basic/_footer.scss
@@ -2,10 +2,6 @@
 @import "variables";
 
 footer {
-    position: absolute;
-    width: 100%;
-    height: 231px;
-
   .rich-text {
     font-size: $text-size-14;
     color: $text-white;
diff --git a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/basic/_navigation.scss b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/basic/_navigation.scss
index 8fb992481d..7596336320 100644
--- a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/basic/_navigation.scss
+++ b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/basic/_navigation.scss
@@ -112,6 +112,7 @@ $hamburger-margin: 18px;
           }
 
           .component-content {
+            position: fixed;
             display: inline-block;
           }
         }
diff --git a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/basic/_promo.scss b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/basic/_promo.scss
index 02c0a4b6ae..4776896d83 100644
--- a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/basic/_promo.scss
+++ b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/basic/_promo.scss
@@ -8,7 +8,7 @@
     padding-right: 0;
 
     >.component-content {
-      @include border-basic(all, 'none', 0);
+      border: 0;
       
       .promo-text {
         .field-promotext {
diff --git a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/main.scss b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/main.scss
new file mode 100644
index 0000000000..baef1d397c
--- /dev/null
+++ b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/main.scss
@@ -0,0 +1,4 @@
+@import "bootstrap/dist/css/bootstrap.css";
+@import "sass/main.scss";
+@import "basic/main.scss";
+@import "assets/app.css";
diff --git a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/pages/_app.tsx b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/pages/_app.tsx
index 5a8b1b3885..d1d67549c6 100644
--- a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/pages/_app.tsx
+++ b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/pages/_app.tsx
@@ -1,9 +1,7 @@
 import type { AppProps } from 'next/app';
 import { I18nProvider } from 'next-localization';
 
-import 'bootstrap/dist/css/bootstrap.css';
-import 'assets/sass/main.scss';
-import 'assets/basic/main.scss';
+import 'assets/main.scss';
 
 function App({ Component, pageProps }: AppProps): JSX.Element {
   const { dictionary, ...rest } = pageProps;