USe two spans

src/ensembl/src/content/app/entity-viewer/gene-view/components/gene-view-sidebar/external-references/GeneExternalReferences.scss

@@ -13,17 +13,9 @@
 }
 
 .geneDetails {
-  display: grid;
-  grid-template-columns: [gene-symbol] auto [stable-id] 1fr;
-  grid-column-gap: 10px;
-
   .geneSymbol {
-    grid-column: gene-symbol;
     font-weight: $bold;
-  }
-
-  .stableId {
-    grid-column: stable-id;
+    margin-right: 10px;
   }
 }
 

src/ensembl/src/content/app/entity-viewer/gene-view/components/gene-view-sidebar/external-references/GeneExternalReferences.tsx

@@ -145,8 +145,8 @@ const GeneExternalReferences = () => {
   return (
     <div className={styles.xrefsContainer}>
       <div className={styles.geneDetails}>
-        <div className={styles.geneSymbol}>{data.gene.symbol}</div>
-        <div className={styles.stableId}>{data.gene.stable_id}</div>
+        <span className={styles.geneSymbol}>{data.gene.symbol}</span>
+        <span>{data.gene.stable_id}</span>
       </div>
 
       <div className={styles.sectionHead}>Gene</div>

src/ensembl/src/content/app/entity-viewer/gene-view/components/gene-view-sidebar/overview/GeneOverview.tsx

@@ -48,7 +48,7 @@ const GeneOverview = (props: Props) => {
     <div className={styles.overviewContainer}>
       <div className={styles.geneDetails}>
         <span className={styles.geneSymbol}>{gene.symbol}</span>
-        <span className={styles.stableId}>{gene.id}</span>
+        <span>{gene.id}</span>
       </div>
 
       <div className={styles.sectionHead}>Gene name</div>

src/ensembl/src/content/app/entity-viewer/state/sidebar/sampleData.ts

@@ -19,7 +19,7 @@ import { DataSetType } from '../../types/dataSet';
 
 export const entityViewerWheatSampleResponse: EntityViewerSidebarPayload = {
   gene: {
-    symbol: 'TraesCS3D02G273600.1 ',
+    symbol: 'TraesCS3D02G273600.1',
     id: 'ENSG00000139618.15',
     metadata: {
       name: {
@@ -380,7 +380,7 @@ export const entityViewerHomoSapiensSampleResponse: EntityViewerSidebarPayload =
 
 export const entityViewerBacteriaSampleResponse: EntityViewerSidebarPayload = {
   gene: {
-    symbol: 'grpE ',
+    symbol: 'grpE',
     id: 'b2614',
     synonyms: ['b2614', 'ECK2610', 'JW2594'],
     metadata: {