diff --git a/libretranslate/static/css/main.css b/libretranslate/static/css/main.css
index 1459101..862153a 100644
--- a/libretranslate/static/css/main.css
+++ b/libretranslate/static/css/main.css
@@ -121,11 +121,12 @@ h3.header {
   display: block;
 }
 
-.locale-panel select{
+.locale-panel select {
   display: block;
   height: 32px;
   font-size: 14px;
-  background-color: #fff;
+  color: var(--fg-color);
+  background-color: var(--pri-bg-color);
   border: none;
 }
 
@@ -431,6 +432,14 @@ code[class*="language-"], pre[class*="language-"] {
   align-items: center;
 }
 
+.card-content {
+  background-color: var(--pri-bg-color);
+}
+
+.card-stacked {
+  background-color: var(--sec-bg-color)
+}
+
 @media (min-width: 280px) {
   .btn-text {
     display: inline;