title: Input with Dropdown as label, overflowing the screen. How to make it responsive?
body: <p>I am working on Semantic UI with React.
  I have the issue where dropdown fields are quite large, and I need to break them in multiple lines. But instead of breaking it into lines it overflows from the screen.</p>
  
  <pre><code>const options = [
    { key: ".comwewfwfwf", text: ".comwr2u3rbirubiubiubib", value: ".com" },
    { key: ".net", text: ".netpojpj0w9jefwfbwiofbw", value: ".net" },
    { key: ".org", text: ".orgwoefifoifoioiwoifwoicnwoinwonwo", value: ".org" }
  ];
  const App = () =&gt; (
    &lt;Input
      label={
        &lt;Dropdown
          className="cdd"
          direction="left"
          placeholder="Select Currency"
          search
          options={options}
        /&gt;
      }
      labelPosition="right"
      direction="right"
      placeholder="Your Deposit"
      value={1}
    /&gt;
  );
  </code></pre>