diff --git a/immuscreen/package.json b/immuscreen/package.json
index cee8722..08a8d77 100644
--- a/immuscreen/package.json
+++ b/immuscreen/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "screen2.0",
+  "name": "igscreen",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -68,7 +68,7 @@
     "eslint": "8.47.0",
     "eslint-config-next": "13.4.19",
     "graphql": "^16.7.1",
-    "jubilant-carnival": "^0.2.8",
+    "jubilant-carnival": "^0.6.0",
     "logojs-react": "^2.1.1",
     "next": "14.1.0",
     "normalize.css": "^8.0.1",
@@ -84,7 +84,7 @@
     "tailwindcss": "3.3.3",
     "typescript": "5.1.6",
     "umap-js": "^1.3.3",
-    "umms-gb": "^3.9.13",
+    "umms-gb": "^3.10.0",
     "uuid": "^9.0.1"
   },
   "devDependencies": {
diff --git a/immuscreen/src/app/celllineage/utils.ts b/immuscreen/src/app/celllineage/utils.ts
index 566331e..551d39f 100644
--- a/immuscreen/src/app/celllineage/utils.ts
+++ b/immuscreen/src/app/celllineage/utils.ts
@@ -1,6 +1,11 @@
 import { cellTypeStaticInfo } from "../../common/consts";
 import { CellDisplayName, CellLineageTreeState, CellName, CellQueryValue, CellTypeStaticInfo } from "./types";
 
+
+/**
+ * 
+ * @todo these functions should be moved out of the celllineage directory and into common probably
+ */
 export const getCellColor = (cell: CellName | CellQueryValue | CellDisplayName): string => {
   return Object.values(cellTypeStaticInfo).find((x: CellTypeStaticInfo) => x.id === cell || x.displayName === cell || extractQueryValues(x, "B").includes(cell as CellQueryValue))?.color ?? "#000000"
 }
diff --git a/immuscreen/src/app/page.tsx b/immuscreen/src/app/page.tsx
index c0620d0..1a1d9f0 100644
--- a/immuscreen/src/app/page.tsx
+++ b/immuscreen/src/app/page.tsx
@@ -39,7 +39,6 @@ const Home = () => {
             <Select
               id="portal-select"
               value={selectedPortal}
-              // defaultValue={10}
               onChange={handleChange}
             >
               <MenuItem value={"Genes"}>Genes</MenuItem>
diff --git a/immuscreen/src/common/consts.ts b/immuscreen/src/common/consts.ts
index 4636f72..09d9c80 100644
--- a/immuscreen/src/common/consts.ts
+++ b/immuscreen/src/common/consts.ts
@@ -2,7 +2,7 @@
  * @todo the cell info in this file and in celllineage/utils.ts need to be combined
  */
 
-import { CellName, CellTypeStaticInfo } from "../app/celllineage/types"
+import { CellDisplayName, CellName, CellTypeStaticInfo } from "../app/celllineage/types"
 
 export const cellTypeStaticInfo: { [key in CellName]: CellTypeStaticInfo } = {
   Monocytes: {
@@ -529,7 +529,7 @@ export const experimentInfo: { [key: string]: {order: number, description: strin
   '1020-CD34_Cord_Blood-SRX1427814': { order: 1, description: 'CD34+ Cord Blood in donor 1020', displayName: 'CD34+ Cord Blood', group: 'Progenitors', study: 'Corces et al', pmid: '27526324' },
   '7291-CD34_Bone_Marrow-SRX1427812': { order: 2, description: 'CD34+ Bone Marrow in donor 7291', displayName: 'CD34+ Bone Marrow', group: 'Progenitors', study: 'Corces et al', pmid: '27526324' },
   '7292-CD34_Bone_Marrow-SRX1427813': { order: 3, description: 'CD34+ Bone Marrow in donor 7292', displayName: 'CD34+ Bone Marrow', group: 'Progenitors', study: 'Corces et al', pmid: '27526324' },
-  '2596-HSC-SRX1427829': { order: 4, description: 'Hematopoetic Stem Cells in donor 2596', displayName: 'Hematopoetic Stem Cells', group: 'Progenitors', study: 'Corces et al', pmid: '27526324' },
+  '2596-HSC-SRX1427829': { order: 4, description: 'Hematopoetic Stem Cells in donor 2596', displayName: 'Hematopoetic stem ells', group: 'Progenitors', study: 'Corces et al', pmid: '27526324' },
   '2596-HSC-SRX1427830': { order: 5, description: 'Hematopoetic Stem Cells in donor 2596', displayName: 'Hematopoetic Stem Cells', group: 'Progenitors', study: 'Corces et al', pmid: '27526324' },
   '4983-HSC-SRX1427789': { order: 6, description: 'Hematopoetic Stem Cells in donor 4983', displayName: 'Hematopoetic Stem Cells', group: 'Progenitors', study: 'Corces et al', pmid: '27526324' },
   '6792-HSC-SRX1427800': { order: 7, description: 'Hematopoetic Stem Cells in donor 6792', displayName: 'Hematopoetic Stem Cells', group: 'Progenitors', study: 'Corces et al', pmid: '27526324' },
diff --git a/immuscreen/src/common/gbview/bulkatactracks.tsx b/immuscreen/src/common/gbview/bulkatactracks.tsx
index c4cda5c..8e53c29 100644
--- a/immuscreen/src/common/gbview/bulkatactracks.tsx
+++ b/immuscreen/src/common/gbview/bulkatactracks.tsx
@@ -8,7 +8,7 @@ import { client } from "../utils"
 import BulkAtacTrackModal from "./bulkatacmodal";
 import { BulkAtacCelltypeTrack, CalderonCellTypesMetadata } from "./consts";
 import { CellQueryValue } from "../../app/celllineage/types";
-import { getCellDisplayName } from "../../app/celllineage/utils";
+import { getCellColor, getCellDisplayName } from "../../app/celllineage/utils";
 
 export const DEFAULT_TRACKS = (
   assembly: string
@@ -162,6 +162,7 @@ export const TitledTrack: React.FC<{
           //tooltipContent={(rect) => <CCRETooltip {...rect} assembly="grch38" />}
           />
         ) : (
+          // This is the bulk atac
           <FullBigWig
             transform="translate(0,40)"
             width={1400}
@@ -179,10 +180,15 @@ export const TitledTrack: React.FC<{
 
   const BulkAtacTracks: React.FC<BulkAtacTrackProps> = (props: BulkAtacTrackProps) => {
 
-  const defaultTracks: [string, string][] = props.defaultcelltypes?.map((cell: CellQueryValue) => [getCellDisplayName(cell, true, true), `https://downloads.wenglab.org/${cell}.bigWig`]) || []
+  const bulkAtacColors: {[key:string]: string} = {}
+  
+  const defaultTracks: [string, string][] = props.defaultcelltypes?.map((cell: CellQueryValue) => {
+    bulkAtacColors[getCellDisplayName(cell, true, true)] = getCellColor(cell)
+    return [getCellDisplayName(cell, true, true), `https://downloads.wenglab.org/${cell}.bigWig`]
+  }) || []
+  
   defaultTracks.sort()
   defaultTracks.unshift(["All Immune Cells (Aggregate Signal)", "https://downloads.wenglab.org/all_immune.bigWig"])
-  console.log(defaultTracks)
 
   //Why is this this not working when you have a lot of tracks? Why did my changes matter?
   const [cTracks, setTracks] = useState<[string, string][]>(defaultTracks);
@@ -213,6 +219,7 @@ export const TitledTrack: React.FC<{
     <EmptyTrack width={1400} height={40} transform="" id="" text="Loading..." />
   ) : (
     <>
+    {/* Need to add all cell types to this */}
       <BulkAtacTrackModal
         open={settingsModalShown}
         onCancel={() => setSettingsModalShown(false)}
@@ -235,6 +242,8 @@ export const TitledTrack: React.FC<{
           svgRef={props.svgRef}
           data={data.data}
           transform={`translate(0,${i * 70})`}
+          //Need to add the color here
+          color={bulkAtacColors[cTracks[i][0]]}
         />
       ))}
       <g className="tf-motifs">
diff --git a/immuscreen/src/common/gbview/chrombpnetatactracks.tsx b/immuscreen/src/common/gbview/chrombpnetatactracks.tsx
index b51a7cb..ad402eb 100644
--- a/immuscreen/src/common/gbview/chrombpnetatactracks.tsx
+++ b/immuscreen/src/common/gbview/chrombpnetatactracks.tsx
@@ -1,91 +1,115 @@
 import React, {
-    RefObject,
-    
-    useEffect,
-    useMemo,
-    useState,
-  } from "react";
-  
-  
-  import TitledImportanceTrack from "./titledimportancetrack";
-  import { BigBedData } from "bigwig-reader";
-  import ChromBPNetAtacModal from "./chrombpnetatacmodal"
+  RefObject,
+  useEffect,
+  useMemo,
+  useState,
+} from "react";
+import { experimentInfo } from "../consts";
+import TitledImportanceTrack from "./titledimportancetrack";
+import { BigBedData } from "bigwig-reader";
+import ChromBPNetAtacModal from "./chrombpnetatacmodal"
 import { CalderonBigWigTracksMetadata, CalderonCellTypesMetadata } from "./consts";
-  export type GenomicRange = {
-    chromosome?: string;
-    start: number;
-    end: number;
-  };
-
-  type ChromBPNetBulkAtacTrackProps = {
-    trait?: string;
-    domain: GenomicRange;
-    onHeightChanged?: (i: number) => void;
-    svgRef?: RefObject<SVGSVGElement>;
-    onSettingsClicked?: () => void;
-    onImportantRegionsLoaded?: (regions: BigBedData[]) => void;
-    defaultTrackset?: string;
-    defaultcelltypes?: string[]
-  };
-  
-  const TRACKSETS = (r) =>  {
-    return r && r.length>0 ? r.map(t=>{
-      return [t.description,`https://downloads.wenglab.org/chrombpnetbulkatac/${t.name}.bigWig`]
-    })  : [
-      
-      [
-        "Monocytes, stimulated with 1 µg/ml LPS for 24 hours, in donor 1010",
-        "https://downloads.wenglab.org/chrombpnetbulkatac/1010-Monocytes-S.bigWig",
-      ],
-      [
-          "Naïve T regulatory cells, stimulated with 1:1 CD3/CD28 coated beads and 300 U/ml IL-2 for 24 hours, in donor 1010",
-          "https://downloads.wenglab.org/chrombpnetbulkatac/1010-Naive_Tregs-S.bigWig",
-        ],
-        [
-          "Plasmablasts in donor 1010",
-          "https://downloads.wenglab.org/chrombpnetbulkatac/1010-Plasmablasts-U.bigWig",
-        ],
-        [
-          "Effector CD4 T cell, stimulated with 1:1 CD3/CD28 coated beads and 50 U/ml IL-2 for 24 hours, in donor 1011",
-          "https://downloads.wenglab.org/chrombpnetbulkatac/1011-Naive_Teffs-S.bigWig",
-        ]
-        
-]};
-  
-  
-  const ChromBPNetAtacTracks: React.FC<ChromBPNetBulkAtacTrackProps> = ({
-    domain,
-    onHeightChanged,
-    onSettingsClicked,
-    onImportantRegionsLoaded,
-    defaultTrackset,
-    defaultcelltypes
-  }) => {
-
-    const r = defaultcelltypes && CalderonBigWigTracksMetadata.filter(c=>defaultcelltypes.includes(c.celltype_name))
-
-    
-    // manage displayed tracks, compute height, and pass height back to parent
-    const [displayedTracks, setDisplayedTracks] = useState<[string, string][]>(TRACKSETS(r));
-    const height = useMemo(
-      () =>
-        130 +
-        (displayedTracks.length * 130) - 130,
-      [displayedTracks, domain]
-    );
-    
-    useEffect(() => {
-      onHeightChanged && onHeightChanged(height);
-    }, [onHeightChanged, height]);
-  
-    // manage settings modal
-    const [settingsMousedOver, setSettingsMousedOver] = useState(false);
-    const [settingsModalShown, setSettingsModalShown] = useState(false);
-  
-    
+import { CellDisplayName, CellQueryValue } from "../../app/celllineage/types";
+import { getCellColor, getCellDisplayName } from "../../app/celllineage/utils";
+export type GenomicRange = {
+  chromosome?: string;
+  start: number;
+  end: number;
+};
+
+type ChromBPNetBulkAtacTrackProps = {
+  trait?: string;
+  domain: GenomicRange;
+  onHeightChanged?: (i: number) => void;
+  svgRef?: RefObject<SVGSVGElement>;
+  onSettingsClicked?: () => void;
+  onImportantRegionsLoaded?: (regions: BigBedData[]) => void;
+  defaultTrackset?: string;
+  defaultcelltypes?: string[]
+};
+
+const TRACKSETS = (r) => {
+  return r && r.length > 0 ? r.map(t => {
+    return [t.description, `https://downloads.wenglab.org/chrombpnetbulkatac/${t.name}.bigWig`]
+  }) : [
+
+    [
+      "Monocytes, stimulated with 1 µg/ml LPS for 24 hours, in donor 1010",
+      "https://downloads.wenglab.org/chrombpnetbulkatac/1010-Monocytes-S.bigWig",
+    ],
+    [
+      "Naïve T regulatory cells, stimulated with 1:1 CD3/CD28 coated beads and 300 U/ml IL-2 for 24 hours, in donor 1010",
+      "https://downloads.wenglab.org/chrombpnetbulkatac/1010-Naive_Tregs-S.bigWig",
+    ],
+    [
+      "Plasmablasts in donor 1010",
+      "https://downloads.wenglab.org/chrombpnetbulkatac/1010-Plasmablasts-U.bigWig",
+    ],
+    [
+      "Effector CD4 T cell, stimulated with 1:1 CD3/CD28 coated beads and 50 U/ml IL-2 for 24 hours, in donor 1011",
+      "https://downloads.wenglab.org/chrombpnetbulkatac/1011-Naive_Teffs-S.bigWig",
+    ]
+
+  ]
+};
+
+
+const ChromBPNetAtacTracks: React.FC<ChromBPNetBulkAtacTrackProps> = ({
+  domain,
+  onHeightChanged,
+  onSettingsClicked,
+  onImportantRegionsLoaded,
+  defaultTrackset,
+  defaultcelltypes
+}) => {
+
+  console.log(defaultcelltypes)
+  //Given a query value I want the corresponding list of studies
+  const r = defaultcelltypes && CalderonBigWigTracksMetadata.filter(c => defaultcelltypes.includes(c.celltype_name))
+  console.log(r)
+
+
+  const chrombpnetColors: {[key:string]: string} = {}
   
-    return (
-      <>
+  // const defaultTracks: [string, string][] = defaultcelltypes?.map((cell: CellQueryValue) => {
+  //   chrombpnetColors[getCellDisplayName(cell, true, true)] = getCellColor(cell)
+  //   return [getCellDisplayName(cell, true, true), `https://downloads.wenglab.org/${cell}.bigWig`]
+  // }) || []
+
+  const defaultTracks: [string, string][] = []
+
+  for (let cell of defaultcelltypes) {
+    //Currently this is slightly broken in that it includes all monocyte experiments when "Mono" is cell since Mono is substring of all Monocyte S and U experiments, need to fix
+    const experiments = Object.entries(experimentInfo).filter(([experiment, info]) => experiment.includes(cell))
+    experiments.forEach(exp => {
+      chrombpnetColors[exp[1].description] = getCellColor(cell as CellQueryValue)
+      defaultTracks.push([exp[1].description, `https://downloads.wenglab.org/${exp[0]}.bigWig`])
+    })
+  }
+
+  defaultTracks.sort()
+
+  // manage displayed tracks, compute height, and pass height back to parent
+  const [displayedTracks, setDisplayedTracks] = useState<[string, string][]>(defaultTracks);
+  const height = useMemo(
+    () =>
+      130 +
+      (displayedTracks.length * 130) - 130,
+    [displayedTracks, domain]
+  );
+
+  useEffect(() => {
+    onHeightChanged && onHeightChanged(height);
+  }, [onHeightChanged, height]);
+
+  // manage settings modal
+  const [settingsMousedOver, setSettingsMousedOver] = useState(false);
+  const [settingsModalShown, setSettingsModalShown] = useState(false);
+
+
+
+  return (
+    <>
       <ChromBPNetAtacModal
         open={settingsModalShown}
         onCancel={() => setSettingsModalShown(false)}
@@ -98,58 +122,59 @@ import { CalderonBigWigTracksMetadata, CalderonCellTypesMetadata } from "./const
       <g className="encode-fetal-brain">
         <rect y={10} height={55} fill="none" width={1400} />
       </g>
-        {displayedTracks
-          .map((x, i) => (
-              <TitledImportanceTrack            
-              key={`${i}_${domain.start}`}
-              transform={`translate(0,${130 * i})`}
-              title={x[0]}
-              height={130}
-              width={1400}
-              imputedSignalURL={`${x[1]}`}
-              signalURL={`${x[1].replace('bigWig','profile_scores.bw')}`}
-              domain={domain}            
-              neutralRegions={[]}
-            />
-          ))}
-        {settingsMousedOver && (
-          <rect
+      {displayedTracks
+        .map((x, i) => (
+          <TitledImportanceTrack
+            key={`${i}_${domain.start}`}
+            transform={`translate(0,${130 * i})`}
+            title={x[0]}
+            height={130}
             width={1400}
-            height={height}
-            transform="translate(0,-0)"
-            fill="#ab3f00"
-            fillOpacity={0.1}
+            imputedSignalURL={`${x[1]}`}
+            signalURL={`${x[1].replace('bigWig', 'profile_scores.bw')}`}
+            domain={domain}
+            neutralRegions={[]}
+            color={chrombpnetColors[x[0]]}
           />
-        )}
-        <rect
-          transform="translate(0,0)"
-          height={height}
-          width={40}
-          fill="#ffffff"
-        />
+        ))}
+      {settingsMousedOver && (
         <rect
+          width={1400}
           height={height}
-          width={15}
+          transform="translate(0,-0)"
           fill="#ab3f00"
-          stroke="#000000"
-          fillOpacity={settingsMousedOver ? 1 : 0.6}
-          onMouseOver={() => setSettingsMousedOver(true)}
-          onMouseOut={() => setSettingsMousedOver(false)}
-          strokeWidth={1}
-          transform="translate(20,0)"
-          onClick={() => {
-            onSettingsClicked && onSettingsClicked();
-            setSettingsModalShown(true);
-          }}
+          fillOpacity={0.1}
         />
-        <text
-          transform={`rotate(270) translate(-${height / 2},12)`}
-          textAnchor="middle"
-          fill="#ab3f00"
-        >
-          ChromBPNet ATAC Tracks
-        </text>
-      </>
-    );
-  };
-  export default ChromBPNetAtacTracks;
\ No newline at end of file
+      )}
+      <rect
+        transform="translate(0,0)"
+        height={height}
+        width={40}
+        fill="#ffffff"
+      />
+      <rect
+        height={height}
+        width={15}
+        fill="#ab3f00"
+        stroke="#000000"
+        fillOpacity={settingsMousedOver ? 1 : 0.6}
+        onMouseOver={() => setSettingsMousedOver(true)}
+        onMouseOut={() => setSettingsMousedOver(false)}
+        strokeWidth={1}
+        transform="translate(20,0)"
+        onClick={() => {
+          onSettingsClicked && onSettingsClicked();
+          setSettingsModalShown(true);
+        }}
+      />
+      <text
+        transform={`rotate(270) translate(-${height / 2},12)`}
+        textAnchor="middle"
+        fill="#ab3f00"
+      >
+        ChromBPNet ATAC Tracks
+      </text>
+    </>
+  );
+};
+export default ChromBPNetAtacTracks;
\ No newline at end of file
diff --git a/immuscreen/src/common/gbview/defaulttracks.tsx b/immuscreen/src/common/gbview/defaulttracks.tsx
index 826d3e2..1018422 100644
--- a/immuscreen/src/common/gbview/defaulttracks.tsx
+++ b/immuscreen/src/common/gbview/defaulttracks.tsx
@@ -1,4 +1,4 @@
-import {  useQuery } from "@apollo/client"
+import { useQuery } from "@apollo/client"
 import { associateBy } from "queryz"
 import { BigWigData, BigBedData } from "bigwig-reader"
 import React, { RefObject, useEffect, useMemo, useState } from "react"
@@ -22,7 +22,7 @@ type DefaultTracksProps = {
 }
 
 const CCRETooltip = (props) => {
-console.log(props,"icretoltip")
+  console.log(props, "icretoltip")
   return (<>
   </>)
 }
@@ -58,45 +58,46 @@ export const TitledTrack: React.FC<{
   cCRECoordinateMap,
   biosample,
 }) => {
-  useEffect(() => onHeightChanged && onHeightChanged(height + 40), [height, onHeightChanged])
+    useEffect(() => onHeightChanged && onHeightChanged(height + 40), [height, onHeightChanged])
 
-  return (
-    <g transform={transform}>
-      <EmptyTrack height={40} width={1400} transform="translate(0,8)" id="" text={title} />
-      {url.endsWith(".bigBed") || url.endsWith(".bigbed") ? (
-        <DenseBigBed
-          width={1400}
-          height={height}
-          domain={domain}
-          id={url}
-          transform="translate(0,40)"
-          data={data as BigBedData[]}
-          svgRef={svgRef}
-          onMouseOver={(x) => oncCREMousedOver && x.name && oncCREMousedOver(cCRECoordinateMap.get(x.name))}
-          onMouseOut={oncCREMousedOut}
-        />
-      ) : (
-        <FullBigWig
-          transform="translate(0,40)"
-          width={1400}
-          height={height}
-          domain={domain}
-          id={url}
-          color={color}
-          data={data as BigWigData[]}
-          noTransparency
-        />
-      )}
-    </g>
-  )
-}
+    return (
+      <g transform={transform}>
+        <EmptyTrack height={40} width={1400} transform="translate(0,8)" id="" text={title} />
+        {url.endsWith(".bigBed") || url.endsWith(".bigbed") ? (
+          //This is the cCRE track
+          <DenseBigBed
+            width={1400}
+            height={height}
+            domain={domain}
+            id={url}
+            transform="translate(0,40)"
+            data={data as BigBedData[]}
+            svgRef={svgRef}
+            onMouseOver={(x) => oncCREMousedOver && x.name && oncCREMousedOver(cCRECoordinateMap.get(x.name))}
+            onMouseOut={oncCREMousedOut}
+            
+          />
+        ) : (
+          <FullBigWig
+            transform="translate(0,40)"
+            width={1400}
+            height={height}
+            domain={domain}
+            id={url}
+            color={color}
+            data={data as BigWigData[]}
+            noTransparency
+          />
+        )}
+      </g>
+    )
+  }
 
 const DefaultTracks: React.FC<DefaultTracksProps> = (props) => {
   const [cTracks, setTracks] = useState<[string, string][]>(
-   [
-          ["All iCREs", "https://downloads.wenglab.org/Calderon-Corces_activeCREs_iSCREEN.bigBed"],
-        ]
-      
+    [
+      ["All iCREs", "https://downloads.wenglab.org/Calderon-Corces_activeCREs_iSCREEN.bigBed"],
+    ]
   )
   const height = useMemo(() => cTracks.length * 80, [cTracks])
   const bigRequests = useMemo(
@@ -118,7 +119,7 @@ const DefaultTracks: React.FC<DefaultTracksProps> = (props) => {
     () =>
       associateBy(
         (data && data.bigRequests && data.bigRequests[0].data) || [],
-        (x: { name: string}) => x.name,
+        (x: { name: string }) => x.name,
         (x: any) => ({ chromosome: x.chr, start: x.start, end: x.end })
       ),
     [data]
@@ -149,6 +150,7 @@ const DefaultTracks: React.FC<DefaultTracksProps> = (props) => {
           title={cTracks[i][0]}
           svgRef={props.svgRef}
           data={data.data}
+          color={'#FF0000'}
           transform={`translate(0,${i * 70})`}
           cCRECoordinateMap={cCRECoordinateMap}
         />
diff --git a/immuscreen/src/common/gbview/genomebrowserview.tsx b/immuscreen/src/common/gbview/genomebrowserview.tsx
index cef795d..f7e3b19 100644
--- a/immuscreen/src/common/gbview/genomebrowserview.tsx
+++ b/immuscreen/src/common/gbview/genomebrowserview.tsx
@@ -10,6 +10,7 @@ import { client } from "../utils"
 import DefaultTracks from "./defaulttracks"
 import BulkAtacTracks from "./bulkatactracks";
 import ChromBPNetAtacTracks from "./chrombpnetatactracks";
+import { Box } from "@mui/material"
 
 type GenomeBrowserViewProps = {
   coordinates: {
@@ -109,6 +110,7 @@ export const GenomeBrowserView: React.FC<GenomeBrowserViewProps> = (props: Genom
   )
   const l = useCallback((c) => ((c - coordinates.start) * 1400) / (coordinates.end - coordinates.start), [coordinates])
 
+  console.log(svgRef.current?.clientHeight)
   return (
     <>
       <Grid2 container spacing={3} sx={{ mt: "1rem", mb: "1rem" }}>
@@ -121,8 +123,9 @@ export const GenomeBrowserView: React.FC<GenomeBrowserViewProps> = (props: Genom
           </div>
           <br />
           <br />
-          <GenomeBrowser
-            svgRef={svgRef}
+          <Box id="GB">
+            <GenomeBrowser
+            svgRef={svgRef}      
             domain={coordinates}
             innerWidth={1400}
             width="100%"
@@ -138,10 +141,13 @@ export const GenomeBrowserView: React.FC<GenomeBrowserViewProps> = (props: Genom
             }}
           >
             {highlight && (
-              <rect fill="#8ec7d1" fillOpacity={0.5} height={1000} x={l(highlight.start)} width={l(highlight.end) - l(highlight.start)} />
+              <rect fill="#8ec7d1" fillOpacity={0.5} height={'100%'} x={l(highlight.start)} width={l(highlight.end) - l(highlight.start)} />
             )}
             <RulerTrack domain={coordinates} height={30} width={1400} />
-            {props.accession && false && <rect key={props.accession?.name} fill="#FAA4A4" fillOpacity={0.5} height={900} x={l(props.accession?.start)} width={l(props.accession?.end) - l(props.accession?.start)} />}
+            <>
+              {props.accession && <rect fill="#FAA4A4" fillOpacity={0.3} height={'100%'} x={l(props.accession.start)} width={l(props.accession.end) - l(props.accession.start)} />
+              }
+            </>
             {props.gene && <EGeneTracks
               genes={groupedTranscripts || []}
               expandedCoordinates={coordinates}
@@ -168,6 +174,8 @@ export const GenomeBrowserView: React.FC<GenomeBrowserViewProps> = (props: Genom
               defaultcelltypes={props.defaultcelltypes}
             />
           </GenomeBrowser>
+          </Box>
+          
         </Grid2>
       </Grid2>
     </>