diff --git a/app/components/layout/GlobalSearch.module.css b/app/components/layout/GlobalSearch.module.css
index 8f7d1d39c..7bf40a9d0 100644
--- a/app/components/layout/GlobalSearch.module.css
+++ b/app/components/layout/GlobalSearch.module.css
@@ -49,8 +49,9 @@
display: flex;
align-items: flex-start;
justify-content: center;
- padding-top: 15vh;
backdrop-filter: blur(10px);
+ padding: var(--layout-main-padding);
+ padding-top: 15vh;
}
.overlay[data-entering] {
@@ -109,6 +110,10 @@
& input::placeholder {
color: var(--color-text-high);
}
+
+ &:focus-within {
+ outline: none;
+ }
}
.inputIcon {
@@ -132,7 +137,7 @@
}
.listBoxItem[data-focused] {
- background-color: var(--color-bg-higher);
+ background-color: var(--color-bg-high);
}
.listBoxItem[data-selected] {
@@ -140,7 +145,7 @@
}
.searchTypeContainer {
- padding: calc(var(--s-2) + 1px) var(--s-4) var(--s-2);
+ padding: var(--s-4);
border-bottom: 1px solid var(--color-border);
}
@@ -181,7 +186,7 @@
}
.searchTypeRadioHovered {
- background-color: var(--color-bg-higher);
+ background-color: var(--color-bg-high);
}
.searchTypeRadioFocusVisible {
diff --git a/app/components/layout/GlobalSearch.tsx b/app/components/layout/GlobalSearch.tsx
index 0ea3a9b73..d80b9dc29 100644
--- a/app/components/layout/GlobalSearch.tsx
+++ b/app/components/layout/GlobalSearch.tsx
@@ -134,7 +134,7 @@ export function GlobalSearch() {
{t("common:search")}
{isMac ? "Cmd+K" : "Ctrl+K"}
-
+