From 94c8f5599b3dfd0336bf9dbcaa433dcce768722f Mon Sep 17 00:00:00 2001
From: Vincenzo De Petris <37916223+vincendep@users.noreply.github.com>
Date: Fri, 15 Oct 2021 21:10:30 +0200
Subject: [PATCH] Update Card component overflow behaviour (#4106)

---
 packages/insomnia-components/src/card.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/insomnia-components/src/card.tsx b/packages/insomnia-components/src/card.tsx
index 9a90c4778d..c9e2665b8e 100644
--- a/packages/insomnia-components/src/card.tsx
+++ b/packages/insomnia-components/src/card.tsx
@@ -183,9 +183,13 @@ const CardBody = styled.div`
   color: var(--font-color);
   margin-top: var(--padding-md);
   padding-left: var(--padding-md);
+  overflow-y: auto;
+
   .title {
     font-size: var(--font-size-md);
     padding-right: var(--padding-md);
+    overflow-x: hidden;
+    text-overflow: ellipsis;
   }
 
   .version {
@@ -197,6 +201,7 @@ const CardBody = styled.div`
 const CardFooter = styled.div`
   margin-top: auto;
   padding-left: var(--padding-md);
+  padding-top: var(--padding-sm);
   padding-bottom: var(--padding-sm);
   color: var(--hl-xl);