diff --git a/ippisite/ippidb/templates/compound_abstract.html b/ippisite/ippidb/templates/compound_abstract.html
index 99b7e740c20f2abc42f4d02cf2ac8398b3a993d9..a8094c2741faac61dc5108baf4e510c57c1eb6fb 100644
--- a/ippisite/ippidb/templates/compound_abstract.html
+++ b/ippisite/ippidb/templates/compound_abstract.html
@@ -1,5 +1,5 @@
 <div class="row m-2 border border-info bg-light">
-  <div class="col-5 bg-info">
+  <div class="col-sm-3 bg-info">
     <div id="{{ compound.id }}_smilesdisplay"
       data-widget="Kekule.ChemWidget.Viewer2D" data-auto-fit="true"
       data-toolbar-evoke-modes="[0]" style="width: 200px; height: 200px;">
@@ -11,7 +11,7 @@
       });
     </script>
   </div>
-  <div class="col-7">
+  <div class="col-sm-9">
     <ul class="list-group">
       {% if compound.common_name %}
       <li class="list-group-item">Common name: {{ compound.common_name }}</li>
diff --git a/ippisite/ippidb/templates/compound_list.html b/ippisite/ippidb/templates/compound_list.html
index 00303285728d5e5ee365993d32fcb9aa0330c5e1..92cec141dc5deee1bc98f556dad7eae55839c60a 100644
--- a/ippisite/ippidb/templates/compound_list.html
+++ b/ippisite/ippidb/templates/compound_list.html
@@ -10,7 +10,7 @@
 <div class="row flex-xl-nowrap">
   <div class="col-12 col-md-3 col-xl-2 bd-sidebar">
 <form>
-  <fieldset class="form-group row border border-info">
+  <fieldset class="form-group row border border-info m-2">
     <div class="bg-info col-12"><legend>PPI</legend></div>
     {% for ppi in ppis|slice:":5"  %}
     <div class="form-check col-12">
@@ -23,7 +23,7 @@
   </fieldset>
 </form>
 </div>
-<main class="col-12 col-md-9 col-xl-10 py-md-3 pl-md-5 bd-content" role="main">
+<main class="col-12 col-md-9 col-xl-10 pl-md-5 bd-content" role="main">
 {% if compounds %}
     {% for compound in compounds %}
         {% include "compound_abstract.html" with compound=compound %}