diff --git a/src/assets/pages/styles/theme-base.scss b/src/assets/pages/styles/theme-base.scss
index f53597b..b02a717 100644
--- a/src/assets/pages/styles/theme-base.scss
+++ b/src/assets/pages/styles/theme-base.scss
@@ -124,6 +124,21 @@ body {
   outline: none;
 }
 
+.sb-example-1 .searchbutton:focus {
+  width: 40px;
+  height: 50px;
+  border: 1px solid;
+  border-color: map-get($theme-colors, boxborder2);
+  background-color: map-get($theme-colors, searchbuttonfillfocus);
+  text-align: center;
+  fill: map-get($theme-colors, searchiconfocus);
+  border-radius: 0 25px 25px 0;
+  cursor: pointer;
+  font-weight: normal;
+  box-shadow: none;
+  outline: none;
+}
+
 .fixed-top {
   outline: none;
 }
diff --git a/src/assets/pages/styles/theme-dark.scss b/src/assets/pages/styles/theme-dark.scss
index 4f498de..c49f642 100644
--- a/src/assets/pages/styles/theme-dark.scss
+++ b/src/assets/pages/styles/theme-dark.scss
@@ -16,7 +16,9 @@ $theme-colors: (
         "searchfont": #9f9c9a, 
         "sidebarfill": #202023,
         "searchbuttonfill": #39393f,
+        "searchbuttonfillfocus": #3e3e45, 
         "searchicon": #737373,
+        "searchiconfocus": #878787,
         "sidebartext": #787572,
         "sidebarbg": #29292d,
         "webcardimagebackground": #707070,
diff --git a/src/assets/pages/styles/theme-light.scss b/src/assets/pages/styles/theme-light.scss
index 9154dbc..cf81cd1 100644
--- a/src/assets/pages/styles/theme-light.scss
+++ b/src/assets/pages/styles/theme-light.scss
@@ -4,7 +4,7 @@ $theme-colors: (
         "success": #0B031C,
         "info": #f9f9f9,
         "warning": #700000,
-        "navbartext": #080404,
+        "navbartext": #3f4a5a,
         "navbartextfeather": #080404,
         "navbartextactive": #080404,
         "inactivecard": #ffffff,
@@ -18,14 +18,16 @@ $theme-colors: (
         "sidebartext": #3f4959,
         "sidebarbg": #e5e5e5,
         "searchbuttonfill": #f6f6f6,
-        "searchicon": #545455,
+        "searchbuttonfillfocus": #f2f2f2,
+        "searchicon": #3f4959,
+        "searchiconfocus": #38414f,
         "webcardimagebackground": #eeeeee,
         "webcardimagebackgroundhover": #f0f0f0,
         "headertextcolor": #080404,
         "headertextcolorhover": #ffffff,
         "paragraphtextcolor": #080404,
         "paragraphtextcolorhover": #ffffff,
-        "themebuttonoutline": #434344,
+        "themebuttonoutline": #3f4a5a,
         "inactiveaccordion": #efefef,
         "activeaccordion": #ffffff,
         "inactivetextaccordion": #3f4959,