diff --git a/R/de_plots.R b/R/de_plots.R
index bdfda56..66eb698 100644
--- a/R/de_plots.R
+++ b/R/de_plots.R
@@ -102,7 +102,7 @@ alignmentSummaryPlot <- function(se, sort_value="None", perc=T){
 #' 
 #' @export
 
-complexityPlot <- function(se, group_color="None", perc, rank) {
+complexityPlot <- function(se, group_color="None", perc=T, rank=1000) {
   compData <- complexityData(se, rank)
   
   p <- plot_ly(
diff --git a/docker/Dockerfile b/docker/Dockerfile
index 5964df6..73aff29 100644
--- a/docker/Dockerfile
+++ b/docker/Dockerfile
@@ -1,4 +1,4 @@
-FROM rocker/r-ver:3.6.1
+FROM rocker/r-ver:3.6.3
 
 # Install Ubuntu packages
 RUN apt-get update && apt-get install -y \
diff --git a/exampleData/exampleData.zip b/exampleData/exampleData.zip
index a8a3d40..15d8072 100644
Binary files a/exampleData/exampleData.zip and b/exampleData/exampleData.zip differ
diff --git a/inst/src/css/styles.css b/inst/src/css/styles.css
index 79db3f4..3698deb 100644
--- a/inst/src/css/styles.css
+++ b/inst/src/css/styles.css
@@ -56,7 +56,7 @@
 
 /*background dashboard*/
 .content-wrapper, .right-side {
-  background-color: #f9f9f9;
+  background-color: #fcfcfc;
 }
 
 /*header color*/
@@ -72,7 +72,7 @@
 .skin-blue .main-sidebar {
   border-right-width: 15px;
   border-right-style: solid;
-  border-image: linear-gradient(to right, #d9d9d9, #f9f9f9) 1 100%;
+  border-image: linear-gradient(to right, #d9d9d9, #fcfcfc) 1 100%;
 }
 
 /*navbar text color*/
@@ -162,7 +162,7 @@
 }
 .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li>a:hover {
   color: #0088cc;
-  background-color: #f9f9f9;
+  background-color: #fcfcfc;
   border: 1px solid #0088cc;
   border-bottom-color: transparent;
 }
@@ -372,7 +372,7 @@ table.dataTable tr.selected td{
 
 .modal-dialog {
   top: 100px;
-  background-color: #f9f9f9;
+  background-color: #fcfcfc;
   font-size: 25px;
   border-radius: 20px;
   border: 5px solid #0088cc;
@@ -398,3 +398,30 @@ table.dataTable tr.selected td{
 }
 
 /* --- image scroll */
+
+/* plotly --- */
+
+.hovertext path {
+  fill: #ffffff !important;
+  opacity: 0.90;
+  stroke: #0088cc !important;
+  stroke-linecap: round;
+}
+.hovertext text {
+  fill: #000000 !important;
+}
+
+.js-plotly-plot .plotly .main-svg {
+  background: none !important;
+}
+.js-plotly-plot .plotly .main-svg .legend .bg {
+  fill: none !important;
+}
+
+.js-plotly-plot .plotly:hover div[id^="modebar-"] .modebar-group {
+  background: none !important;
+}
+
+/* --- plotly */
+
+
diff --git a/inst/src/markdown/analysisDESeq2.Rmd b/inst/src/markdown/analysisDESeq2.Rmd
index 5e57d59..16233a6 100644
--- a/inst/src/markdown/analysisDESeq2.Rmd
+++ b/inst/src/markdown/analysisDESeq2.Rmd
@@ -94,7 +94,7 @@ se <- readCountsFromTable(data_counts, data_samples)
 se <- addSamplesFromTableToSE(se, data_samples)
 
 alignmentSummaryPlot(se)
-complexityPlot(se, perc = TRUE, rank = 1000)
+complexityPlot(se)
 
 ```
 
diff --git a/inst/src/markdown/analysisEdgeR.Rmd b/inst/src/markdown/analysisEdgeR.Rmd
index 86ec631..2b9e8b8 100644
--- a/inst/src/markdown/analysisEdgeR.Rmd
+++ b/inst/src/markdown/analysisEdgeR.Rmd
@@ -94,7 +94,7 @@ se <- readCountsFromTable(data_counts, data_samples)
 se <- addSamplesFromTableToSE(se, data_samples)
 
 alignmentSummaryPlot(se)
-complexityPlot(se, perc = TRUE, rank = 1000)
+complexityPlot(se)
 
 ```
 
diff --git a/inst/src/markdown/analysisLimma.Rmd b/inst/src/markdown/analysisLimma.Rmd
index 8fe295d..4090aab 100644
--- a/inst/src/markdown/analysisLimma.Rmd
+++ b/inst/src/markdown/analysisLimma.Rmd
@@ -94,7 +94,7 @@ se <- readCountsFromTable(data_counts, data_samples)
 se <- addSamplesFromTableToSE(se, data_samples)
 
 alignmentSummaryPlot(se)
-complexityPlot(se, perc = TRUE, rank = 1000)
+complexityPlot(se)
 
 ```