diff --git a/app.vue b/app.vue
index cc02247..be719f0 100644
--- a/app.vue
+++ b/app.vue
@@ -1,7 +1,9 @@
 <template>
   <!-- Google Font -->
   <Html :lang="head.htmlAttrs.lang" :dir="head.htmlAttrs.dir">
-    <NuxtLoadingIndicator :color="isDark ? '#C2C8EC' : '#2F45C7'" />
+    <ClientOnly>
+      <NuxtLoadingIndicator :color="isDark ? '#C2C8EC' : '#2F45C7'" />
+    </ClientOnly>
     <NuxtLayout>
       <NuxtPage />
     </NuxtLayout>
diff --git a/layouts/default.vue b/layouts/default.vue
index 879a26d..a61bce3 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -55,7 +55,7 @@ provide("files", files);
         @click="toggleContentSearch"
       ></UButton>
       <UContentSearchButton
-        class="hidden w-full md:flex md:max-w-48 lg:max-w-56"
+        class="hidden w-full md:flex md:max-w-48 lg:max-w-56 text-zinc-600 dark:text-zinc-300"
         size="sm"
         :label="t('search.placeholder')"
       />
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 2e82168..d1a65b5 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -13,17 +13,17 @@ export default <Partial<Config>>{
     extend: {
       colors: {
         blueScriptBlue: {
-          50: "#E6E8F5",
-          100: "#C2C8EC",
-          200: "#9DA7E2",
-          300: "#7986D9",
-          400: "#5466D0",
-          500: "#2F45C7",
-          600: "#192B77", // Base color
-          700: "#141F5C",
-          800: "#0F1542",
-          900: "#0A0A27",
-          950: "#050513",
+          "50": "#ebf5ff",
+          "100": "#daecff",
+          "200": "#bddbff",
+          "300": "#95c1ff",
+          "400": "#6b9cff",
+          "500": "#4876ff",
+          "600": "#284dff",
+          "700": "#1d3ce5",
+          "800": "#1a34b9",
+          "900": "#192b77", // Base
+          "950": "#121d54",
         },
       },
       gridTemplateColumns: {
