From 9a4e21cd89f912d930735ee14dfd6d7a0638cce8 Mon Sep 17 00:00:00 2001
From: Marcell Toth <marcell@stoplight.io>
Date: Thu, 10 Dec 2020 12:34:26 +0100
Subject: [PATCH] feat: 4.5 lines EXACTLY

---
 .../elements/src/components/TryIt/OperationParameters.tsx     | 2 +-
 packages/elements/src/styles/elements.scss                    | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/elements/src/components/TryIt/OperationParameters.tsx b/packages/elements/src/components/TryIt/OperationParameters.tsx
index c445ae393..bd51c47d5 100644
--- a/packages/elements/src/components/TryIt/OperationParameters.tsx
+++ b/packages/elements/src/components/TryIt/OperationParameters.tsx
@@ -28,7 +28,7 @@ export const OperationParameters: React.FC<OperationParametersProps> = ({
   return (
     <Panel id="collapse-open" defaultIsOpen>
       <Panel.Titlebar>Parameters</Panel.Titlebar>
-      <Panel.Content>
+      <Panel.Content className="sl-overflow-y-auto OperationParametersContent">
         {parameters.map(parameter => {
           return (
             <Flex key={parameter.name} alignItems="center">
diff --git a/packages/elements/src/styles/elements.scss b/packages/elements/src/styles/elements.scss
index 66593af25..9506a54d1 100644
--- a/packages/elements/src/styles/elements.scss
+++ b/packages/elements/src/styles/elements.scss
@@ -14,3 +14,7 @@ html {
 .svg-inline--fa {
   display: inline-block;
 }
+
+.OperationParametersContent {
+  max-height: 32*4.5+18px; // 4.5 lines plus padding
+}