From bc522d35f27efadcd9781cbc4827a61d441e8dfb Mon Sep 17 00:00:00 2001
From: Jakob Vogelsang <jakob.vogelsang@omicronenergy.com>
Date: Thu, 9 Dec 2021 22:58:36 +0100
Subject: [PATCH] fix(action-icon): make sure footer transform does not effect
 other CSS

---
 src/action-icon.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/action-icon.ts b/src/action-icon.ts
index bd31f3e5b5..89364680c6 100644
--- a/src/action-icon.ts
+++ b/src/action-icon.ts
@@ -167,8 +167,9 @@ export class ActionIcon extends LitElement {
     }
 
     :host(:focus-within) footer {
+      position: absolute;
       max-width: 100vw;
-      transform: translate(0px, -140px);
+      transform: translate(0px, -80px);
       background-color: var(--mdc-theme-secondary);
       font-weight: 500;
       color: var(--mdc-theme-on-secondary);