diff --git a/client/src/components/SearchBar.jsx b/client/src/components/SearchBar.jsx
index 93bd743..3a37fe5 100644
--- a/client/src/components/SearchBar.jsx
+++ b/client/src/components/SearchBar.jsx
@@ -1,10 +1,16 @@
 import { Input, InputGroup } from "@chakra-ui/react";
 import { FiSearch } from "react-icons/fi"
 
-export function SearchBar({ placeholder="Search...", size="sm", width="200px"}) {
+export function SearchBar({ placeholder="Enter a volcano to search", size="sm", width="210px" }) {
     return (
         <InputGroup startElement={<FiSearch />}>
-            <Input placeholder="Enter volcano to search" />
+            <Input 
+                placeholder={placeholder} 
+                size={size}
+                width={width}
+                borderRadius="full" 
+
+            />
         </InputGroup>
     );
 }
\ No newline at end of file
diff --git a/client/src/theme.js b/client/src/theme.js
index a2a4ad2..3268701 100644
--- a/client/src/theme.js
+++ b/client/src/theme.js
@@ -56,8 +56,10 @@ const config = defineConfig({
         base100: { value: {base: "#f7f9fa", _dark: "#787b73"}},
         base200: { value: {base: "#eef2f6", _dark: "#242424"}},
         base300: { value: {base: "#dfe5ed", _dark: "#60645a"}},
-        primary: { value: {base: "#9cd855", _dark: "#629631"}},
-        primaryLt: { value: {base: "#c9e9a0", _dark: "#92948e"}},
+        // primary: { value: {base: "#9cd855", _dark: "#629631"}},
+        primary: { value: {base: "#2B98F8", _dark: "#629631"}},
+        // primaryLt: { value: {base: "#c9e9a0", _dark: "#92948e"}},
+        primaryLt: { value: {base: "#2BCFF8", _dark: "#92948e"}},
         secondaryBG: { value: {base: "#EDF1F1", _dark: "#121212"}},
         border: {value: {base: "#000000", _dark: "#CBCBCB"}},
         text: {value: {base: "#19332D", _dark: "#CBCBCB"}},