diff --git a/web/src/components/SearchBar.tsx b/web/src/components/SearchBar.tsx
index a033cea2..b18d3f34 100644
--- a/web/src/components/SearchBar.tsx
+++ b/web/src/components/SearchBar.tsx
@@ -30,7 +30,7 @@ const SearchBar = () => {
     <div className="relative w-full h-auto flex flex-row justify-start items-center">
       <Icon.Search className="absolute left-3 w-4 h-auto opacity-30" />
       <input
-        className="w-full text-gray-500 dark:text-gray-400 bg-zinc-50 dark:bg-zinc-900 border dark:border-zinc-800 text-sm leading-6 rounded-lg p-1 pl-8 outline-none"
+        className="w-full text-gray-500 dark:text-gray-400 bg-zinc-50 dark:bg-zinc-900 border dark:border-zinc-800 text-sm leading-7 rounded-lg p-1 pl-8 outline-none"
         placeholder={t("memo.search-placeholder")}
         value={queryText}
         onChange={handleTextQueryInput}
diff --git a/web/src/css/global.css b/web/src/css/global.css
index b1043f89..78bbb2ae 100644
--- a/web/src/css/global.css
+++ b/web/src/css/global.css
@@ -7,8 +7,8 @@ body {
 }
 html.dark {
   color-scheme: dark;
-  scrollbar-color: hsla(0, 0%, 100%, .4) hsla(0, 0%, 100%, .029);
+  scrollbar-color: hsla(0, 0%, 100%, 0.4) hsla(0, 0%, 100%, 0.029);
 }
 html.light {
   color-scheme: light;
-}
\ No newline at end of file
+}