diff --git a/src/components/HoverWrapper/HoverWrapper.jsx b/src/components/HoverWrapper/HoverWrapper.jsx
index 87d923e..3901c01 100644
--- a/src/components/HoverWrapper/HoverWrapper.jsx
+++ b/src/components/HoverWrapper/HoverWrapper.jsx
@@ -15,20 +15,17 @@ const StyledWrapper = styled.a`
     opacity: 0.4;
   }
 
-  &::before {
-    z-index: -1;
-    position: absolute;
-    content: "";
-    top: -32px;
-    left: -32px;
-    right: -32px;
-    bottom: -32px;
-    border-radius: 8px;
-  }
-
   @media screen and (min-width: 1080px) {
     &:hover {
       &::before {
+        z-index: -1;
+        position: absolute;
+        content: "";
+        top: -32px;
+        left: -32px;
+        right: -32px;
+        bottom: -32px;
+        border-radius: 8px;
         transition: all 250ms ease-in;
         background-color: rgba(255, 255, 255, 0.03);
       }
diff --git a/src/components/SectionTitle/SectionTitle.jsx b/src/components/SectionTitle/SectionTitle.jsx
index 3e51651..67c55d1 100644
--- a/src/components/SectionTitle/SectionTitle.jsx
+++ b/src/components/SectionTitle/SectionTitle.jsx
@@ -5,7 +5,7 @@ const StyledTitle = styled.h3`
   color: var(--white);
   padding: var(--spacing-3) 5vw;
   position: sticky;
-  top: env(safe-area-inset-top, 0);
+  top: 0;
   left: 0;
   margin-inline: -5vw;
   z-index: 2;