diff --git a/frontend/src/components/details/ColumnChartComponent.jsx b/frontend/src/components/details/ColumnChartComponent.jsx
index a96f818f..ed6ef907 100644
--- a/frontend/src/components/details/ColumnChartComponent.jsx
+++ b/frontend/src/components/details/ColumnChartComponent.jsx
@@ -33,7 +33,7 @@ const ColumnChartComponent = () => {
             }
         },
         fill: {
-            colors: ['#75bab4']//['#2cb5de']
+            colors: ['#13bfb2']//['#2cb5de']
         },
 
         dataLabels: {
@@ -44,7 +44,7 @@ const ColumnChartComponent = () => {
             offsetY: -20,
             style: {
                 fontSize: '12px',
-                colors:  ['#a9d1cd']
+                colors:  ['#13bfb2']
             }
         },
         yaxis: {
diff --git a/frontend/src/components/details/NavbarComponent.js b/frontend/src/components/details/NavbarComponent.js
index be77bdda..58dbcde6 100644
--- a/frontend/src/components/details/NavbarComponent.js
+++ b/frontend/src/components/details/NavbarComponent.js
@@ -21,10 +21,12 @@ const NavbarComponent = (props) => {
                         </btn>
                     </Link>
                     <b>{props.scenarioName}</b>
-                    <pdfbtn href={slugs.details} onClick={props.onExportClicked}>
-                        <i className='fa fa-file-pdf-o' aria-hidden='true'></i>
-                        Export Pdf
-                    </pdfbtn>
+                    <Link to={{ pathname: slugs.details }} onClick={props.onExportClicked}>
+                        <pdfbtn >
+                            <i className='fa fa-file-pdf-o' aria-hidden='true'></i>
+                            Export Pdf
+                        </pdfbtn>
+                    </Link>
                     <Link to={{ pathname: slugs.details }} onClick={props.onCompareClick}>
                         <addbtn>
                             <i className='fa fa-fw fa-plus-circle' /> Add
diff --git a/frontend/src/components/details/TableComponent.jsx b/frontend/src/components/details/TableComponent.jsx
index aa09f3fd..09852559 100644
--- a/frontend/src/components/details/TableComponent.jsx
+++ b/frontend/src/components/details/TableComponent.jsx
@@ -86,7 +86,7 @@ class TableComponent extends Component {
 
                 <table className='w3-table-all w3-card-4 w3-small w3-center'>
                     <thead>
-                        <tr key={'FirstRow'} style={{ backgroundColor: '#b28290' }}>
+                        <tr key={'FirstRow'} style={{ backgroundColor: '#d6aa78' }}>
                             {this.state.headers.map((item) => (
                                 <th key={idKey + 'thead' + item.key}>{item.value}</th>
                             ))}
diff --git a/frontend/src/components/details/navbar.css b/frontend/src/components/details/navbar.css
index 8b96e9ff..c8ca5a08 100644
--- a/frontend/src/components/details/navbar.css
+++ b/frontend/src/components/details/navbar.css
@@ -11,7 +11,7 @@
 
 /* -webkit-radial-gradient(  bottom right, #4D217A,#1B1534 ); */
 :root{
-    --global--button--color:#543b6e;
+    --global--button--color:#836387;
     --global--button--text--color:#F0F0F0;
     --global--panel-title--FontSize: 22px;
     --global--text-subtitle--FontSize: 19px;
diff --git a/frontend/src/theme.css b/frontend/src/theme.css
index eb160671..66198461 100644
--- a/frontend/src/theme.css
+++ b/frontend/src/theme.css
@@ -4,11 +4,10 @@
     --global--header--icon--color: #f0f0f0;
     --global--icon--color: #00b300;
     --global--sidebar--color: radial-gradient(circle at top,
-        #000000 30%,#1b1534,#4d217a,#8A00DE
+        #000000 15%,#1b1534,#963fcc
       );
     --global--headerbar--color: radial-gradient(circle at left,#000000 1%,#1b1534,#1b1534,#1b1534);
     /* --global--panel--color: #38206A; */
-    --global--main--container--color: 2rem;
     --global--text--color: #000000;
     --global--body--color: #f0f0f0;
     --global--header--title--color: #f0f0f0;