diff --git a/framework/lib/components/transitions/slide-fade.tsx b/framework/lib/components/transitions/slide-fade.tsx
index bb1d416e..4416b552 100644
--- a/framework/lib/components/transitions/slide-fade.tsx
+++ b/framework/lib/components/transitions/slide-fade.tsx
@@ -12,7 +12,7 @@ export const SlideFade = ({
   duration = null,
   in: show = false,
   disableFocus = true,
-  hideDisplay = false,
+  hideDisplay = true,
   direction = 'bottom',
   offset: delta = defaultOffset,
   offsetX: deltaX = 0,
diff --git a/framework/lib/components/transitions/types.ts b/framework/lib/components/transitions/types.ts
index 764e0261..06f597e6 100644
--- a/framework/lib/components/transitions/types.ts
+++ b/framework/lib/components/transitions/types.ts
@@ -19,7 +19,8 @@ export interface FadeProps extends ChakraFadeProps {
   exitDuration?: DurationType
   /** Makes the element not focusable when not visible */
   disableFocus?: boolean
-  /** Will remove the component from DOM tree if in is false */
+  /** Will remove the component from DOM tree if in is false. By Default this is set to [true]
+   * to prevent users from clicking area under the slideFade even if the slide is closed. */
   hideDisplay?: boolean
   enterDelay?: number
   exitDelay?: number