fix: hover state in <FocusIndicator/>

oaknational · Sep 18, 2024 · ff7e90e · ff7e90e
1 parent fedb02d
commit ff7e90e
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/CurriculumComponents/OakComponentsKitchen/FocusIndicator/index.tsx b/src/components/CurriculumComponents/OakComponentsKitchen/FocusIndicator/index.tsx
@@ -31,7 +31,8 @@ const FocusIndicator = styled(OakBox)<{
         : `rgb(255, 229, 85) 0.125rem 0.125rem 0px;`};
   }
   &:has(button:hover) {
-    box-shadow: none;
+    box-shadow: ${(props) =>
+      props.subFocus ? `rgb(87, 87, 87) 0px 0px 0px 0.125rem` : "none"};
   }
   &:has(button:active) {
     z-index: 2;