title: ngx-intl-tel-input node module changing the styles
body: <p>I am using ngx-intl-tel-input module in my form to add user phone with country code. Below are the node modules I used to in my Angular 8 project.</p>
  
  <pre><code>ngx-intl-tel-input : ^14.1.0
  bootstrap : ^4.4.1
  ngx-bootstrap : ^5.6.1
  </code></pre>
  
  <p>As the node module needs the dependency of both bootstrap and ngx-bootstrap to work properly.</p>
  
  <p><strong>ISSUE:</strong></p>
  
  <ul>
  <li><p>When I use the both bootstrap module, the ngx-intl-tel-input
  component works properly but the css styles for other pages affects
  causes the alignment issue.</p></li>
  <li><p>If I remove the bootstrap modules, the alignments of other page works
  well but in the ngx-intl-tel-input, when I select the country from
  the dropdown list, the list not closing.</p></li>
  </ul>
  
  <p>Could someone help me resolve this issue or any workaround to close the list on selecting the country  from the list.</p>