From b88ecad51a4f5d270fc25956004a27dcbca2a14a Mon Sep 17 00:00:00 2001
From: Oleksiy Kachynskyy <oleksiy.kachynskyy@gmail.com>
Date: Thu, 2 Apr 2020 11:45:32 +0300
Subject: [PATCH] Update dropdown styles

---
 src/components/PayloadSamples/styled.elements.ts | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/PayloadSamples/styled.elements.ts b/src/components/PayloadSamples/styled.elements.ts
index 12b6595c..a2d75d6b 100644
--- a/src/components/PayloadSamples/styled.elements.ts
+++ b/src/components/PayloadSamples/styled.elements.ts
@@ -4,7 +4,6 @@ import ReactDropdown from 'react-dropdown';
 
 import { transparentize } from 'polished';
 import styled from '../../styled-components';
-
 import { StyledDropdown } from '../../common-elements';
 
 export const MimeLabel = styled.div`
@@ -39,6 +38,11 @@ export const InvertedSimpleDropdown = styled(StyledDropdown)`
   margin: 0 0 10px 0;
   display: block;
   background-color: ${({ theme }) => transparentize(0.6, theme.rightPanel.backgroundColor)};
+  .Dropdown-placeholder {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
   .Dropdown-control {
     margin-top: 0;
   }
@@ -58,6 +62,11 @@ export const InvertedSimpleDropdown = styled(StyledDropdown)`
   .Dropdown-menu {
     margin: 0;
     margin-top: 2px;
+    .Dropdown-option {
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      overflow: hidden;
+    }
   }
 `;