diff --git a/packages/view/src/App.scss b/packages/view/src/App.scss
index 133b572a..35bf6e17 100644
--- a/packages/view/src/App.scss
+++ b/packages/view/src/App.scss
@@ -33,12 +33,12 @@ body {
 
 .middle-container {
   display: grid;
-  grid-template-columns: 4fr 1fr;
+  grid-template-columns: 4fr 2fr;
   height: calc(100vh - 200px);
   padding: 20px;
 }
 
-.no-commits-container{
+.no-commits-container {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -48,4 +48,4 @@ body {
   h1 {
     margin: 40px 0 0 0;
   }
-}
\ No newline at end of file
+}
diff --git a/packages/view/src/components/Statistics/FileIcicleSummary/FileIcicleSummary.scss b/packages/view/src/components/Statistics/FileIcicleSummary/FileIcicleSummary.scss
index 858aa63d..943fd05b 100644
--- a/packages/view/src/components/Statistics/FileIcicleSummary/FileIcicleSummary.scss
+++ b/packages/view/src/components/Statistics/FileIcicleSummary/FileIcicleSummary.scss
@@ -1,7 +1,7 @@
 @import "styles/_pallete";
 
 .file-icicle-summary {
-  width: 90%;
+  width: 16rem;
   text {
     fill: var(--primary-color);
     filter: invert(100) grayscale(100) contrast(100);
diff --git a/packages/view/src/components/Statistics/Statistics.scss b/packages/view/src/components/Statistics/Statistics.scss
index 1999edf9..47590ff3 100644
--- a/packages/view/src/components/Statistics/Statistics.scss
+++ b/packages/view/src/components/Statistics/Statistics.scss
@@ -4,7 +4,6 @@
   align-items: center;
   gap: 5vh;
   padding: 0 20px 20px;
-  width: 28%;
   overflow-y: scroll;
 }
 
diff --git a/packages/view/src/components/VerticalClusterList/ClusterGraph/ClusterGraph.scss b/packages/view/src/components/VerticalClusterList/ClusterGraph/ClusterGraph.scss
index 346ed05e..e34c5a5c 100644
--- a/packages/view/src/components/VerticalClusterList/ClusterGraph/ClusterGraph.scss
+++ b/packages/view/src/components/VerticalClusterList/ClusterGraph/ClusterGraph.scss
@@ -1,3 +1,5 @@
+@import "styles/_pallete";
+
 .cluster-graph__container {
   cursor: pointer;
   min-width: 84px;
@@ -29,3 +31,14 @@
 .circle-group {
   fill: var(--primary-color);
 }
+
+.sub-graph-tooltip {
+  position: absolute;
+  z-index: 10;
+  background: $white;
+  padding: 8px 16px;
+  font-size: 10px;
+  line-height: 1.5;
+  border-radius: 5px;
+  color: $gray-900;
+}
diff --git a/packages/view/src/components/VerticalClusterList/ClusterGraph/Draws/drawSubGraph.ts b/packages/view/src/components/VerticalClusterList/ClusterGraph/Draws/drawSubGraph.ts
index f9778571..3917cabd 100644
--- a/packages/view/src/components/VerticalClusterList/ClusterGraph/Draws/drawSubGraph.ts
+++ b/packages/view/src/components/VerticalClusterList/ClusterGraph/Draws/drawSubGraph.ts
@@ -9,9 +9,7 @@ import { GRAPH_WIDTH } from "../ClusterGraph.const";
 const tooltip = d3
   .select("body")
   .append("div")
-  .attr("class", "tooltip")
-  .style("position", "absolute")
-  .style("z-index", "10")
+  .attr("class", "sub-graph-tooltip")
   .style("visibility", "hidden")
   .text("Tooltip");