diff --git a/ippisite/ippidb/templates/compound_card.html b/ippisite/ippidb/templates/compound_card.html
index 132d8a80217001827e51df1cdecaef92d9274b97..ba4c780e21e99b8d548938ff6cac2299508f071f 100644
--- a/ippisite/ippidb/templates/compound_card.html
+++ b/ippisite/ippidb/templates/compound_card.html
@@ -55,7 +55,7 @@
   <div class="row" style="display: inline-block;height:auto; margin-right: 15px; margin-left: 15px;">
     <div class="tab-content" id="tabContent">
       <div class="tab-pane fade show active" id="compound" role="tabpanel" aria-labelledby="compound-tab">
-        <div class="card">
+        <div class="card inner-wrap">
           <div class="card-body">
             {% include "compound_l_item.html" with compound=compound show_detail=True %}
           </div>
diff --git a/ippisite/ippidb/templates/compound_l_item.html b/ippisite/ippidb/templates/compound_l_item.html
index f1341792c87f8fb3a0bd0580f1b3c07e25d153fa..4c42e9964b3847eb91157dd59a85cc09ccfed7a7 100644
--- a/ippisite/ippidb/templates/compound_l_item.html
+++ b/ippisite/ippidb/templates/compound_l_item.html
@@ -24,16 +24,16 @@
       <li class="list-group-item">Common name: {{ compound.common_name }}</li>
       {% endif %}
       {% if compound.canonical_smile %}
-      <li class="list-group-item">Canonical SMILES: {{ compound.canonical_smile }}</li>
+      <li class="list-group-item">Canonical SMILES: <pre style="overflow: scroll;">{{ compound.canonical_smile }}</pre></li>
       {% endif %}
       {% if compound.iupac_name %}
-      <li class="list-group-item">IUPAC name: {{ compound.iupac_name }}</li>
+      <li class="list-group-item">IUPAC name: <pre style="overflow: scroll;">{{ compound.iupac_name }}</pre></li>
       {% endif %}
       {% if compound.inchi %}
-      <li class="list-group-item">InChi: {{ compound.inchi }}</li>
+      <li class="list-group-item">InChi: <pre style="overflow: scroll;">{{ compound.inchi }}</pre></li>
       {% endif %}
       {% if compound.inchikey %}
-      <li class="list-group-item">InChiKey: {{ compound.inchikey }}</li>
+      <li class="list-group-item">InChiKey: <pre style="overflow: scroll;">{{ compound.inchikey }}</pre></li>
       {% endif %}
     </ul>
     {%if compound.pubchem_id or compound.chembl_id or compound.chemspider_id or compound.ligand_id %}
diff --git a/ippisite/ippidb/templates/compound_list.html b/ippisite/ippidb/templates/compound_list.html
index 009d32b7dc032d2c90fd6eaf16662025bd5e899d..c603353dbb457b5a07cb6a0c6de0b8108ed78053 100644
--- a/ippisite/ippidb/templates/compound_list.html
+++ b/ippisite/ippidb/templates/compound_list.html
@@ -29,7 +29,7 @@
 </div>
 
 <div class="inner-wrap container-fluid ">
-    <div class="row flex-xl-nowrap">
+    <div class="row">
 
         <main class="col-12" role="main">
             <h1 class="page-title">Query compounds</h1>