diff --git a/src/scripts/component/selected-chromosome.ts b/src/scripts/component/selected-chromosome.ts
index 8118d24b97f969d19b22d0f76c20ebd3a4e8d348..57c3c8d14dcd35d8744423319773f0de0e27a952 100644
--- a/src/scripts/component/selected-chromosome.ts
+++ b/src/scripts/component/selected-chromosome.ts
@@ -78,12 +78,12 @@ export default function () {
         );
 
       selectedChromosomeUpdate
-        .select<SVGElement>("." + classes.rule)
+        .select<SVGGElement>("." + classes.rule)
         .datum<GenericAxisData>(d => d.rule)
         .call(ruleComponent, width, 0)
 
       selectedChromosomeUpdate
-        .select<SVGElement>("." + classes.genes)
+        .select<SVGGElement>("." + classes.genes)
         .datum<GeneData[]>(d => d.genes)
         .call(geneComponent, ruleComponent.scale(), 20, 70);
 
diff --git a/src/scripts/component/sequence/gene.ts b/src/scripts/component/sequence/gene.ts
index 7ec5c1f588080c17b6a3489de6accd7bb83f7fc9..fa57f2180fba40993b6d272d5443a0814eb8d13b 100644
--- a/src/scripts/component/sequence/gene.ts
+++ b/src/scripts/component/sequence/gene.ts
@@ -11,7 +11,7 @@ import { GeneData, PositionedGeneData } from "../../types";
 
 export default function () {
   function gene(
-    _selection: Selection<SVGElement, Array<GeneData>, SVGElement, any>,
+    _selection: Selection<SVGGElement, Array<GeneData>, any, any>,
     xScale: ScaleLinear<number, number>,
     geneHeight: number = 30,
     yPosition: number = 60