diff --git a/src/components/bottom-app-bar.js b/src/components/bottom-app-bar.js
index 82ad3e2..18af725 100644
--- a/src/components/bottom-app-bar.js
+++ b/src/components/bottom-app-bar.js
@@ -11,8 +11,6 @@ const template = `
 `;
 const style = `
   :host {
-    position: fixed;
-    bottom: 20px;
     display: flex;
     height: 42px;
     width: 80%;
diff --git a/src/css/index.css b/src/css/index.css
index dd8a9d2..09f1ba8 100644
--- a/src/css/index.css
+++ b/src/css/index.css
@@ -16,4 +16,5 @@ footer {
   display: grid;
   place-items: center;
   width: 100%;
+  height: calc(42px + 20px + 20px);
 }