From e3f656008cfe85a5edcbe6d573e24e8be1ff6392 Mon Sep 17 00:00:00 2001
From: Michael Winter <mcwinter07@gmail.com>
Date: Wed, 11 Dec 2024 17:53:38 +1100
Subject: [PATCH] add visibility to mobile and desktop titleblock css

---
 .../src/TitleBlockZen/subcomponents/MainActions.module.scss    | 1 +
 .../src/TitleBlockZen/subcomponents/MobileActions.module.scss  | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/packages/components/src/TitleBlockZen/subcomponents/MainActions.module.scss b/packages/components/src/TitleBlockZen/subcomponents/MainActions.module.scss
index 1c9dc4f2b0e..48ff2969bc1 100644
--- a/packages/components/src/TitleBlockZen/subcomponents/MainActions.module.scss
+++ b/packages/components/src/TitleBlockZen/subcomponents/MainActions.module.scss
@@ -12,5 +12,6 @@
 
   @include title-block-small {
     display: none;
+    visibility: hidden;
   }
 }
diff --git a/packages/components/src/TitleBlockZen/subcomponents/MobileActions.module.scss b/packages/components/src/TitleBlockZen/subcomponents/MobileActions.module.scss
index 7bca024ca96..860c11e8055 100644
--- a/packages/components/src/TitleBlockZen/subcomponents/MobileActions.module.scss
+++ b/packages/components/src/TitleBlockZen/subcomponents/MobileActions.module.scss
@@ -17,6 +17,8 @@ $slide-up-duration: 0.4s;
 /* stylelint-disable no-descending-specificity */
 .mobileActionsContainer {
   display: none;
+  // This is a bit of a monkey patch that's a potential solution the that may solve the ci issue that may be a issue with Jest-DOM
+  visibility: hidden;
   z-index: $ca-z-index-fixed;
   flex-direction: column;
   position: fixed;
@@ -42,6 +44,7 @@ $slide-up-duration: 0.4s;
 
   @include title-block-small {
     display: flex;
+    visibility: visible;
   }
 }