diff --git a/explorer/src/App.tsx b/explorer/src/App.tsx
index 138094c1ff..d5b1242ed5 100644
--- a/explorer/src/App.tsx
+++ b/explorer/src/App.tsx
@@ -21,7 +21,7 @@ function App() {
return (
<>
-
+
diff --git a/explorer/src/scss/_solana-dark-overrides.scss b/explorer/src/scss/_solana-dark-overrides.scss
index 59d71d64f4..0aa029d102 100644
--- a/explorer/src/scss/_solana-dark-overrides.scss
+++ b/explorer/src/scss/_solana-dark-overrides.scss
@@ -21,10 +21,19 @@ ul.log-messages {
border-color: $input-border-color;
}
+.navbar {
+ border-bottom: 1px solid $card-outline-color;
+}
+
+.search-bar__placeholder {
+ color: $input-placeholder-color !important;
+}
+
.search-bar__control {
background-color: $gray-800-dark !important;
border-color: $card-outline-color !important;
box-shadow: $card-box-shadow !important;
+ min-height: 52px !important;
.search-bar__input {
color: $white !important;
@@ -33,7 +42,7 @@ ul.log-messages {
.search-bar__menu {
background-color: $gray-800-dark !important;
- border-color: $card-outline-color !important;
+ border: 1px solid $card-outline-color !important;
box-shadow: $card-box-shadow !important;
.search-bar__option {
diff --git a/explorer/src/scss/_solana-variables-dark.scss b/explorer/src/scss/_solana-variables-dark.scss
index d4f476d82a..b92c332a54 100644
--- a/explorer/src/scss/_solana-variables-dark.scss
+++ b/explorer/src/scss/_solana-variables-dark.scss
@@ -8,18 +8,19 @@
$body-bg: #161b19 !default;
$black: #232323;
-$white: #eee !default;
+$white: #fff !default;
$gray-600: #86b8b6;
$gray-600-dark: #343a37 !default;
$gray-700-dark: #282d2b !default;
$gray-800-dark: #1e2423 !default;
$black-dark: #141816 !default;
+$input-placeholder-color: #ccc !default;
$primary: #1dd79b !default;
$success: #26e97e !default;
$warning: #fa62fc !default;
$card-border-color: $gray-700-dark !default;
-$card-outline-color: $black-dark !default;
+$card-outline-color: #111 !default;
$input-bg: transparent !default;
$input-border-color: $gray-600-dark !default;