From 6df672421d6df47cb3e8f86ab9448f021dabc871 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Georgiana-Andreea=20Onolea=C8=9B=C4=83?=
 <georgiana.onoleata@elastic.co>
Date: Wed, 9 Oct 2024 11:22:57 +0300
Subject: [PATCH] [ResponseOps][Rules] Rule type selection modal content cut
 off on small screens due to lack of vertical scrolling (#195234)

## Summary

Closes https://github.com/elastic/kibana/issues/184048

- the rule type selection modal is now scrollable on smaller windows


https://github.com/user-attachments/assets/47082b35-02a7-4b67-9a88-ee4200908bef

Co-authored-by: Antonio <antonio.coelho@elastic.co>
---
 .../src/rule_type_modal/components/rule_type_list.tsx           | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/kbn-alerts-ui-shared/src/rule_type_modal/components/rule_type_list.tsx b/packages/kbn-alerts-ui-shared/src/rule_type_modal/components/rule_type_list.tsx
index 9b84bb83cf1faa..4e21e428f3c5c3 100644
--- a/packages/kbn-alerts-ui-shared/src/rule_type_modal/components/rule_type_list.tsx
+++ b/packages/kbn-alerts-ui-shared/src/rule_type_modal/components/rule_type_list.tsx
@@ -97,6 +97,8 @@ export const RuleTypeList: React.FC<RuleTypeListProps> = ({
           grow={1}
           style={{
             paddingTop: euiTheme.size.base /* Match drop shadow padding in the right column */,
+            paddingRight: euiTheme.size.base,
+            overflowY: 'auto',
           }}
         >
           <EuiFacetGroup>