From 672b657f58cbe074b63688c28af8cbcb87111626 Mon Sep 17 00:00:00 2001
From: trashtemp <96388163+trashtemp@users.noreply.github.com>
Date: Thu, 30 Dec 2021 14:13:25 +0100
Subject: [PATCH] fix(details): fixed for glass header

---
 src/components/ui/Details.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/ui/Details.tsx b/src/components/ui/Details.tsx
index 05f2d71a..98f7f140 100644
--- a/src/components/ui/Details.tsx
+++ b/src/components/ui/Details.tsx
@@ -1,13 +1,20 @@
 import styled, { css } from "styled-components";
 
+import { isTouchscreenDevice } from "../../lib/isTouchscreenDevice";
+
 export default styled.details<{ sticky?: boolean; large?: boolean }>`
     summary {
         ${(props) =>
             props.sticky &&
             css`
-                top: -1px;
+                top: 48px;
                 z-index: 10;
                 position: sticky;
+                ${() =>
+                    isTouchscreenDevice &&
+                    css`
+                        top: 56px;
+                    `}
             `}
 
         ${(props) =>