Fix species list layout in species selector and species homepage (#573)

src/ensembl/src/content/app/species/components/species-app-bar/SpeciesAppBar.tsx

@@ -46,9 +46,7 @@ const SpeciesAppBar = (props: SpeciesAppBarProps) => {
     />
   ));
 
-  const wrappedSpecies = (
-    <SpeciesTabsWrapper isWrappable={true} speciesTabs={speciesTabs} />
-  );
+  const wrappedSpecies = <SpeciesTabsWrapper speciesTabs={speciesTabs} />;
 
   return (
     <AppBar

src/ensembl/src/shared/components/app-bar/AppBar.scss

@@ -3,7 +3,6 @@
 .appBar {
   display: grid;
   grid-template-columns: minmax(0, 1fr) minmax(250px, auto);
-  grid-template-rows: auto 40px;
   align-content: start;
   grid-template-areas:
     'top top'
@@ -40,6 +39,8 @@
   display: flex;
   align-items: flex-start;
   justify-content: flex-end;
+  position: relative;
+  top: 2px;
 
   .conversationIcon {
     width: 40px;