diff --git a/js/elixirBanner.js b/js/elixirBanner.js
index 5299db9e..6eabe8e5 100644
--- a/js/elixirBanner.js
+++ b/js/elixirBanner.js
@@ -106,6 +106,7 @@ function elixirBanner() {
           width: 60px;
           display: inline-block;
           float: left;
+          background-size: 60px;
         }
         </style>
       `;
diff --git a/js/elixirBanner.min.js b/js/elixirBanner.min.js
index 2dc3e94f..4af0628a 100644
--- a/js/elixirBanner.min.js
+++ b/js/elixirBanner.min.js
@@ -1 +1 @@
-function elixirBanner(){try{var divElixirBanner=document.getElementById("elixir-banner");if(divElixirBanner){var defaultName="This",defaultDescription="This is part of the ELIXIR distributed infrastructure for life-science information.",basicStylingForNonfoundationSites="",defaultLogo="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/assorted/elixir_kitemark-60px.png",defaultLink="https://www.elixir-europe.org/about-us/why-needed",defaultTextColor="#fff",defaultColor="blue";void 0!==divElixirBanner.dataset.color&&(defaultTextColor="transparent"==(defaultColor="none"==(defaultColor="blue"==(defaultColor="green"==(defaultColor="grey"==(defaultColor="orange"==(defaultColor=divElixirBanner.dataset.color)?"rgb(244,125,32)":defaultColor)?"rgb(77,77,72)":defaultColor)?"rgb(190,191,50)":defaultColor)?"rgb(79,138,156)":defaultColor)?"transparent":defaultColor)?"#222":defaultTextColor),void 0!==divElixirBanner.dataset.name&&(defaultName=divElixirBanner.dataset.name),"true"==divElixirBanner.dataset.useCdrLogo&&(defaultLogo="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/ELIXIR/elixir-cdr.gif"),void 0!==divElixirBanner.dataset.description&&(defaultDescription=divElixirBanner.dataset.description),void 0!==divElixirBanner.dataset.moreInformationLink&&(defaultLink=divElixirBanner.dataset.moreInformationLink),"true"===divElixirBanner.dataset.useBasicStyles&&(basicStylingForNonfoundationSites="\n          .elixir-ribbon {\n            font-family: Helvetica, Arial, FreeSans, 'Liberation Sans', sans-serif;\n          }\n\n          .elixir-ribbon .row {\n            max-width: 1200px;\n            margin: 0 auto 1rem;\n          }\n\n          .elixir-ribbon .row::before,\n          .elixir-ribbon .row::after {\n            display: table;\n            content: ' ';\n          }\n\n          .elixir-ribbon h5 {\n            font-size: 1.3rem;\n          }\n        ");var html='\n        <div id="elixir-ribbon" class="elixir-ribbon">\n          <div class="row">\n            <a href="'+defaultLink+'">\n              <div class="elixir-logo-kite"></div>\n              <h5>\n                <span class="elixir-banner-name">'+defaultName+'</span> is part of the ELIXIR infrastructure\n              </h5>\n              <div id="elixir-banner-info">\n                <small>\n                  <span class="elixir-banner-description">'+defaultDescription+'</span>\n                  <span class="readmore">Learn more &#8250;</span>\n                </small>\n              </div>\n            </a>\n          </div>\n        </div>\n\n        <style>\n        .elixir-ribbon {\n          padding: 1rem 0;\n          background-color: '+defaultColor+";\n        }\n        "+basicStylingForNonfoundationSites+"\n        .elixir-ribbon,\n        .elixir-ribbon h5,\n        .elixir-ribbon a,\n        .elixir-ribbon a:active,\n        .elixir-ribbon a:hover {\n          color: "+defaultTextColor+";\n          text-decoration: none;\n        }\n        .elixir-ribbon a:hover {\n          opacity: .8;\n        }\n        .elixir-ribbon .readmore {\n          border-bottom: 1px dotted "+defaultTextColor+';\n        }\n        .elixir-ribbon h5 {\n          margin: 0;\n        }\n        .elixir-ribbon .elixir-logo-kite {\n          background: 80% 58% url("'+defaultLogo+'") no-repeat;\n          position: relative;\n          top: -5px;\n          margin: 0 1rem -.5rem 0;\n          height: 60px;\n          width: 60px;\n          display: inline-block;\n          float: left;\n        }\n        </style>\n      ';divElixirBanner.innerHTML=html}}catch(err){console.log(err)}}elixirBanner();
\ No newline at end of file
+function elixirBanner(){try{var divElixirBanner=document.getElementById("elixir-banner");if(divElixirBanner){var defaultName="This",defaultDescription="This is part of the ELIXIR distributed infrastructure for life-science information.",basicStylingForNonfoundationSites="",defaultLogo="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.2/images/logos/assorted/elixir_kitemark-60px.png",defaultLink="https://www.elixir-europe.org/about-us/why-needed",defaultTextColor="#fff",defaultColor="blue";void 0!==divElixirBanner.dataset.color&&(defaultTextColor="transparent"==(defaultColor="none"==(defaultColor="blue"==(defaultColor="green"==(defaultColor="grey"==(defaultColor="orange"==(defaultColor=divElixirBanner.dataset.color)?"rgb(244,125,32)":defaultColor)?"rgb(77,77,72)":defaultColor)?"rgb(190,191,50)":defaultColor)?"rgb(79,138,156)":defaultColor)?"transparent":defaultColor)?"#222":defaultTextColor),void 0!==divElixirBanner.dataset.name&&(defaultName=divElixirBanner.dataset.name),"true"==divElixirBanner.dataset.useCdrLogo&&(defaultLogo="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/ELIXIR/elixir-cdr.gif"),void 0!==divElixirBanner.dataset.description&&(defaultDescription=divElixirBanner.dataset.description),void 0!==divElixirBanner.dataset.moreInformationLink&&(defaultLink=divElixirBanner.dataset.moreInformationLink),"true"===divElixirBanner.dataset.useBasicStyles&&(basicStylingForNonfoundationSites="\n          .elixir-ribbon {\n            font-family: Helvetica, Arial, FreeSans, 'Liberation Sans', sans-serif;\n          }\n\n          .elixir-ribbon .row {\n            max-width: 1200px;\n            margin: 0 auto 1rem;\n          }\n\n          .elixir-ribbon .row::before,\n          .elixir-ribbon .row::after {\n            display: table;\n            content: ' ';\n          }\n\n          .elixir-ribbon h5 {\n            font-size: 1.3rem;\n          }\n        ");var html='\n        <div id="elixir-ribbon" class="elixir-ribbon">\n          <div class="row">\n            <a href="'+defaultLink+'">\n              <div class="elixir-logo-kite"></div>\n              <h5>\n                <span class="elixir-banner-name">'+defaultName+'</span> is part of the ELIXIR infrastructure\n              </h5>\n              <div id="elixir-banner-info">\n                <small>\n                  <span class="elixir-banner-description">'+defaultDescription+'</span>\n                  <span class="readmore">Learn more &#8250;</span>\n                </small>\n              </div>\n            </a>\n          </div>\n        </div>\n\n        <style>\n        .elixir-ribbon {\n          padding: 1rem 0;\n          background-color: '+defaultColor+";\n        }\n        "+basicStylingForNonfoundationSites+"\n        .elixir-ribbon,\n        .elixir-ribbon h5,\n        .elixir-ribbon a,\n        .elixir-ribbon a:active,\n        .elixir-ribbon a:hover {\n          color: "+defaultTextColor+";\n          text-decoration: none;\n        }\n        .elixir-ribbon a:hover {\n          opacity: .8;\n        }\n        .elixir-ribbon .readmore {\n          border-bottom: 1px dotted "+defaultTextColor+';\n        }\n        .elixir-ribbon h5 {\n          margin: 0;\n        }\n        .elixir-ribbon .elixir-logo-kite {\n          background: 80% 58% url("'+defaultLogo+'") no-repeat;\n          position: relative;\n          top: -5px;\n          margin: 0 1rem -.5rem 0;\n          height: 60px;\n          width: 60px;\n          display: inline-block;\n          float: left;\n          background-size: 60px;\n        }\n        </style>\n      ';divElixirBanner.innerHTML=html}}catch(err){console.log(err)}}elixirBanner();
\ No newline at end of file