diff --git a/src/app/content/header/search/search.component.scss b/src/app/content/header/search/search.component.scss
index c5a3c35..f4e415e 100644
--- a/src/app/content/header/search/search.component.scss
+++ b/src/app/content/header/search/search.component.scss
@@ -4,6 +4,7 @@ $themeColor-Dark:#E3E2DF;
 $theme-font: verdana, sans-serif;
 // $theme-supplementer: #f39c12;
 $theme-supplementer: #5D001E;
+$theme-supplementer-transparent: rgba(93,0,30,0.3);
 
 .searchbar {
     display: flex;
@@ -13,7 +14,7 @@ $theme-supplementer: #5D001E;
     display: flex;
     padding: 0.9em;
     // border-right: 1px solid #c99034;
-    background-color: $theme-supplementer;
+    background-color: $theme-supplementer-transparent;
     width: 4%;
     // margin-bottom: 40px;
     border-radius: 0.4em 0 0 0.4em;
diff --git a/src/app/side-bar/side-bar.component.scss b/src/app/side-bar/side-bar.component.scss
index e236c75..be43a7c 100644
--- a/src/app/side-bar/side-bar.component.scss
+++ b/src/app/side-bar/side-bar.component.scss
@@ -4,7 +4,7 @@ $themeColor-Dark:#E3E2DF;
 $theme-font: verdana, sans-serif;
 // $theme-supplementer: #f39c12;
 $theme-supplementer: #5D001E;
-$theme-supplementer-transparent: rgba(93,0,30,0.2);
+$theme-supplementer-transparent: rgba(93,0,30,0.3);
 
 // app-root {
 //     font-family: 'Poppins', sans-serif;
@@ -73,7 +73,7 @@ span {
 #sidebar {
     min-width: 250px;
     max-width: 250px;
-    background: $theme-supplementer-transparent;
+    // background: $theme-supplementer-transparent;
     color: $themeColor-Dark;
     transition: all 0.3s;
 }