diff --git a/frontend/src/pages/node/SectionClinicalReources.vue b/frontend/src/pages/node/SectionClinicalReources.vue
index 2a44e468b..d33f03bce 100644
--- a/frontend/src/pages/node/SectionClinicalReources.vue
+++ b/frontend/src/pages/node/SectionClinicalReources.vue
@@ -36,11 +36,13 @@
 
         <div v-if="node?.causal_gene?.length">
           <span class="info-label"> Casual Genes : </span>
-          <AppNodeBadge
-            v-for="(gene, index) in node?.causal_gene"
-            :key="index"
-            :node="omit(gene, 'in_taxon_label')"
-          />
+          <div class="causal-gene">
+            <AppNodeBadge
+              v-for="(gene, index) in node?.causal_gene"
+              :key="index"
+              :node="omit(gene, 'in_taxon_label')"
+            />
+          </div>
         </div>
 
         <div>
@@ -152,4 +154,10 @@ const brandText = (id: string, fallback?: string) => {
   line-height: 1;
   opacity: 0.75;
 }
+.causal-gene {
+  display: inline-flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.4em;
+}
 </style>