diff --git a/src/main/frontend/components/bottom_bar.css b/src/main/frontend/components/bottom_bar.css
index 87be8864df0..7aa7151e304 100644
--- a/src/main/frontend/components/bottom_bar.css
+++ b/src/main/frontend/components/bottom_bar.css
@@ -1,5 +1,6 @@
 #ls-bottom-bar {
-    @apply shadow-lg text-sm p-1 fixed bottom-0 rounded-md;
+    @apply shadow-lg text-sm p-1 absolute bottom-0;
+    background-color: var(--ls-primary-background-color);
 
     .items {
         @apply flex flex-row flex-1;
diff --git a/src/main/frontend/components/container.cljs b/src/main/frontend/components/container.cljs
index 75c4a3d87f8..704eda4941a 100644
--- a/src/main/frontend/components/container.cljs
+++ b/src/main/frontend/components/container.cljs
@@ -552,9 +552,8 @@
           main-content])
 
        (when onboarding-and-home?
-         (onboarding/intro onboarding-and-home?))]
-
-      (bottom-bar/bar)]]))
+         (onboarding/intro onboarding-and-home?))]]
+     (bottom-bar/bar)]))
 
 (defonce sidebar-inited? (atom false))
 ;; TODO: simplify logic