diff --git a/.changeset/fifty-frogs-itch.md b/.changeset/fifty-frogs-itch.md
new file mode 100644
index 000000000..93f14cc9a
--- /dev/null
+++ b/.changeset/fifty-frogs-itch.md
@@ -0,0 +1,5 @@
+---
+'gitbook': patch
+---
+
+Update styling of search+ask modal
diff --git a/packages/gitbook/src/components/Search/HighlightQuery.tsx b/packages/gitbook/src/components/Search/HighlightQuery.tsx
index 86538b68d..0f8c41896 100644
--- a/packages/gitbook/src/components/Search/HighlightQuery.tsx
+++ b/packages/gitbook/src/components/Search/HighlightQuery.tsx
@@ -11,17 +11,32 @@ export function HighlightQuery(props: {
     /** Style to apply on matching parts (default to primary) */
     highlight?: ClassValue;
 }): React.ReactElement {
-    const { query, text, highlight = ['text-bold', 'text-primary'] } = props;
+    const {
+        query,
+        text,
+        highlight = [
+            'text-bold',
+            'bg-primary-100',
+            'text-contrast-primary-100',
+            'dark:bg-primary-700',
+            'dark:text-contrast-primary-700',
+            'px-0.5',
+            '-mx-0.5',
+            'py-0.5',
+            'rounded',
+            'straight-corners:rounded-sm',
+        ],
+    } = props;
     const matches = matchString(text, query);
 
     return (
-        <span className={tcls('whitespace-break-spaces')}>
+        <div className={tcls('whitespace-break-spaces')}>
             {matches.map((entry, index) => (
                 <span key={index} className={tcls(entry.match ? highlight : null)}>
                     {entry.text}
                 </span>
             ))}
-        </span>
+        </div>
     );
 }
 
diff --git a/packages/gitbook/src/components/Search/SearchAskAnswer.tsx b/packages/gitbook/src/components/Search/SearchAskAnswer.tsx
index c6a32ad9f..f4ea387e7 100644
--- a/packages/gitbook/src/components/Search/SearchAskAnswer.tsx
+++ b/packages/gitbook/src/components/Search/SearchAskAnswer.tsx
@@ -101,20 +101,12 @@ export function SearchAskAnswer(props: { spaceId: string; query: string }) {
 
     const loading = (
         <div className={tcls('w-full', 'flex', 'items-center', 'justify-center')}>
-            <Loading className={tcls('w-5', 'py-4', 'text-primary')} />
+            <Loading className={tcls('w-6', 'py-8', 'text-primary')} />
         </div>
     );
 
     return (
-        <div
-            className={tcls(
-                'max-h-[60vh]',
-                'overflow-y-auto',
-                'border-t',
-                'border-dark/2',
-                'dark:border-light/1',
-            )}
-        >
+        <div className={tcls('max-h-[60vh]', 'overflow-y-auto')}>
             {state?.type === 'answer' ? (
                 <>
                     {state.answer ? (
@@ -166,13 +158,20 @@ function AnswerBody(props: { answer: AskAnswerResult }) {
         <>
             <div
                 data-test="search-ask-answer"
-                className={tcls('mt-4', 'px-4', 'text-dark/9', 'dark:text-light/8')}
+                className={tcls(
+                    'mt-4',
+                    'sm:mt-6',
+                    'px-4',
+                    'sm:px-12',
+                    'text-dark/9',
+                    'dark:text-light/8',
+                )}
             >
                 {answer.hasAnswer ? answer.body : t(language, 'search_ask_no_answer')}
+                {answer.followupQuestions.length > 0 ? (
+                    <AnswerFollowupQuestions followupQuestions={answer.followupQuestions} />
+                ) : null}
             </div>
-            {answer.followupQuestions.length > 0 ? (
-                <AnswerFollowupQuestions followupQuestions={answer.followupQuestions} />
-            ) : null}
             {answer.sources.length > 0 ? (
                 <AnswerSources
                     hasAnswer={answer.hasAnswer}
@@ -189,23 +188,25 @@ function AnswerFollowupQuestions(props: { followupQuestions: string[] }) {
     const getSearchLinkProps = useSearchLink();
 
     return (
-        <div className={tcls('mt-7 mb-4', 'flex', 'flex-col', 'flex-wrap', 'gap-1')}>
+        <div className={tcls('flex', 'flex-col', 'flex-wrap', 'mt-4', 'sm:mt-6')}>
             {followupQuestions.map((question) => (
                 <Link
                     key={question}
                     className={tcls(
-                        'text-sm',
-                        'font-medium',
-                        'inline-flex',
-                        'items-start',
+                        'flex',
+                        'items-center',
                         'gap-2',
                         'px-4',
-                        'py-1',
-                        'text-primary-500',
-                        'focus-within:text-primary-700',
-                        'hover:bg-primary/2',
-                        'dark:text-primary-400',
-                        'dark:hover:bg-primary-500/3',
+                        '-mx-4',
+                        'py-2',
+                        'rounded',
+                        'straight-corners:rounded-none',
+                        'text-dark/7',
+                        'dark:text-light/8',
+                        'hover:bg-dark-4/2',
+                        'dark:hover:bg-light-4/2',
+                        'focus-within:bg-dark-4/2',
+                        'dark:focus-within:bg-light-4/2',
                     )}
                     {...getSearchLinkProps({
                         query: question,
@@ -214,7 +215,13 @@ function AnswerFollowupQuestions(props: { followupQuestions: string[] }) {
                 >
                     <Icon
                         icon="magnifying-glass"
-                        className={tcls('size-[15px]', 'shrink-0', 'mt-0.5', '[opacity:0.64]')}
+                        className={tcls(
+                            'size-4',
+                            'shrink-0',
+                            'mr-2',
+                            'text-dark/5',
+                            'dark:text-light/5',
+                        )}
                     />
                     <span>{question}</span>
                 </Link>
@@ -236,7 +243,8 @@ function AnswerSources(props: {
                 'flex',
                 'flex-wrap',
                 'gap-2',
-                'mt-7',
+                'mt-4',
+                'sm:mt-6',
                 'py-4',
                 'px-4',
                 'border-t',
@@ -244,7 +252,7 @@ function AnswerSources(props: {
                 'dark:border-light/1',
             )}
         >
-            <span className={tcls('text-sm')}>
+            <span>
                 {t(language, hasAnswer ? 'search_ask_sources' : 'search_ask_sources_no_answer')}
             </span>
 
@@ -253,7 +261,9 @@ function AnswerSources(props: {
                     <Link
                         className={tcls(
                             'flex',
-                            'text-sm',
+                            'flex-wrap',
+                            'gap-1',
+                            'items-center',
                             'text-dark/7',
                             'hover:underline',
                             'focus-within:text-primary-700',
@@ -266,11 +276,8 @@ function AnswerSources(props: {
                             icon="arrow-up-right"
                             className={tcls(
                                 'text-dark/6',
-                                'w-[15px]',
-                                'h-[15px]',
+                                'size-4',
                                 'shrink-0',
-                                'mt-0.5',
-                                'mr-0.5',
                                 'dark:text-light/6',
                             )}
                         />
diff --git a/packages/gitbook/src/components/Search/SearchModal.tsx b/packages/gitbook/src/components/Search/SearchModal.tsx
index 53de6f4f3..937485cf7 100644
--- a/packages/gitbook/src/components/Search/SearchModal.tsx
+++ b/packages/gitbook/src/components/Search/SearchModal.tsx
@@ -182,7 +182,7 @@ function SearchModalBody(
     };
 
     return (
-        <div
+        <motion.div
             role="dialog"
             aria-label={tString(language, 'search')}
             className={tcls(
@@ -193,29 +193,55 @@ function SearchModalBody(
                 'max-w-[768px]',
                 'mt-[-1px]',
                 'w-full',
-                'max-h',
                 'rounded-lg',
+                'straight-corners:rounded-sm',
                 'ring-1',
                 'ring-dark/1',
                 'shadow-2xl',
-                'backdrop-blur-lg',
                 'overflow-hidden',
                 'dark:ring-inset',
                 'dark:bg-dark-3',
                 'dark:ring-light/2',
             )}
+            initial={{
+                scale: 0.95,
+                opacity: 0,
+            }}
+            animate={{
+                scale: 1,
+                opacity: 1,
+            }}
             onClick={(event) => {
                 event.stopPropagation();
             }}
         >
-            <div className={tcls('flex', 'flex-row', 'items-center')}>
-                <div className={tcls('p-2', 'pl-4')}>
+            <div
+                className={tcls(
+                    'flex',
+                    'flex-row',
+                    'items-start',
+                    state.query !== null ? 'border-b' : null,
+                    'border-dark/2',
+                    'dark:border-light/2',
+                )}
+            >
+                <div className={tcls('p-2', 'pl-4', 'pt-4')}>
                     <Icon
                         icon="magnifying-glass"
                         className={tcls('size-4', 'text-dark/4', 'dark:text-light/5')}
                     />
                 </div>
-                <div className={tcls('flex-1')}>
+                <div
+                    className={tcls(
+                        'w-full',
+                        'flex',
+                        'flex-row',
+                        'flex-wrap',
+                        'gap-y-0',
+                        'gap-x-4',
+                        'items-end',
+                    )}
+                >
                     <input
                         ref={inputRef}
                         value={state.query}
@@ -226,7 +252,7 @@ function SearchModalBody(
                             'placeholder:text-dark/7',
                             'flex',
                             'resize-none',
-                            'w-full',
+                            'flex-1',
                             'h-12',
                             'p-2',
                             'focus:outline-none',
@@ -243,6 +269,7 @@ function SearchModalBody(
                         autoComplete="off"
                         autoCorrect="off"
                     />
+                    {isMultiVariants ? <SearchScopeToggle spaceTitle={spaceTitle} /> : null}
                 </div>
             </div>
             {!state.ask || !withAsk ? (
@@ -261,15 +288,11 @@ function SearchModalBody(
                             global: state.global,
                         });
                     }}
-                >
-                    {isMultiVariants && state.query ? (
-                        <SearchScopeToggle spaceTitle={spaceTitle} />
-                    ) : null}
-                </SearchResults>
+                ></SearchResults>
             ) : null}
             {state.query && state.ask && withAsk ? (
                 <SearchAskAnswer spaceId={spaceId} query={state.query} />
             ) : null}
-        </div>
+        </motion.div>
     );
 }
diff --git a/packages/gitbook/src/components/Search/SearchPageResultItem.tsx b/packages/gitbook/src/components/Search/SearchPageResultItem.tsx
index af0525c46..6765d6086 100644
--- a/packages/gitbook/src/components/Search/SearchPageResultItem.tsx
+++ b/packages/gitbook/src/components/Search/SearchPageResultItem.tsx
@@ -1,3 +1,4 @@
+import { Icon } from '@gitbook/icons';
 import React from 'react';
 
 import { tcls } from '@/lib/tailwind';
@@ -23,25 +24,46 @@ export const SearchPageResultItem = React.forwardRef(function SearchPageResultIt
             className={tcls(
                 'flex',
                 'flex-row',
-                'px-6',
-                'py-3',
+                'items-center',
+                'px-4',
+                'sm:px-12',
+                'py-4',
+                'sm:py-6',
+                'border-t',
+                'first:border-t-0',
+                'border-dark/2',
+                'dark:border-light/2',
                 'hover:bg-dark-4/2',
                 'text-base',
                 'text-dark',
-                'font-semibold',
+                'font-medium',
                 'first:mt-0',
-                '[&:has(+.search-section-result-item):not(:first-child)]:mt-6',
                 'dark:text-light',
                 'dark:hover:bg-light-4/2',
                 active ? ['bg-dark/1', 'dark:bg-light/1'] : null,
             )}
         >
-            {item.spaceTitle ? (
-                <span className={tcls('opacity-6', 'font-normal', 'mr-2')}>
-                    {item.spaceTitle + ' ›'}
-                </span>
-            ) : null}
-            <HighlightQuery query={query} text={item.title} />
+            <div className={tcls('flex', 'flex-col', 'w-full')}>
+                {item.spaceTitle ? (
+                    <div
+                        className={tcls(
+                            'text-xs',
+                            'opacity-6',
+                            'font-normal',
+                            'uppercase',
+                            'tracking-wider',
+                            'mb-1',
+                        )}
+                    >
+                        {item.spaceTitle}
+                    </div>
+                ) : null}
+                <HighlightQuery query={query} text={item.title} />
+            </div>
+            <Icon
+                icon="chevron-right"
+                className={tcls('size-4', 'text-dark', 'dark:text-light', 'opacity-6')}
+            />
         </Link>
     );
 });
diff --git a/packages/gitbook/src/components/Search/SearchQuestionResultItem.tsx b/packages/gitbook/src/components/Search/SearchQuestionResultItem.tsx
index 403f04c69..bee3a827d 100644
--- a/packages/gitbook/src/components/Search/SearchQuestionResultItem.tsx
+++ b/packages/gitbook/src/components/Search/SearchQuestionResultItem.tsx
@@ -31,8 +31,6 @@ export const SearchQuestionResultItem = React.forwardRef(function SearchQuestion
                 'py-2',
                 'hover:bg-dark-4/2',
                 'text-dark/7',
-                'text-sm',
-                'font-medium',
                 'first:mt-0',
                 'last:pb-3',
                 'dark:text-light/8',
@@ -47,11 +45,11 @@ export const SearchQuestionResultItem = React.forwardRef(function SearchQuestion
             <Icon
                 icon="magnifying-glass"
                 className={tcls(
-                    'w-[15px]',
-                    'h-[15px]',
+                    'size-4',
                     'shrink-0',
                     'mt-0.5',
                     'mr-4',
+                    'mt-1',
                     'text-dark/5',
                     'dark:text-light/5',
                 )}
diff --git a/packages/gitbook/src/components/Search/SearchResults.tsx b/packages/gitbook/src/components/Search/SearchResults.tsx
index edfd13f69..91d8c992a 100644
--- a/packages/gitbook/src/components/Search/SearchResults.tsx
+++ b/packages/gitbook/src/components/Search/SearchResults.tsx
@@ -174,24 +174,15 @@ export const SearchResults = React.forwardRef(function SearchResults(
     }
 
     return (
-        <div
-            className={tcls(
-                'max-h-[60vh]',
-                'overflow-auto',
-                'relative',
-                'shadow-[0_1px_0_0_inset]',
-                'shadow-dark/2',
-                'dark:shadow-light/2',
-            )}
-        >
+        <div className={tcls('max-h-[70vh]', 'overflow-auto', 'relative')}>
             {children}
             {results.length === 0 ? (
                 <div
                     data-test="search-noresults"
                     className={tcls(
-                        'text-sm',
-                        'text-dark',
-                        'p-6',
+                        'text',
+                        'text-dark/8',
+                        'p-8',
                         'text-center',
                         'dark:text-light/8',
                     )}
diff --git a/packages/gitbook/src/components/Search/SearchScopeToggle.tsx b/packages/gitbook/src/components/Search/SearchScopeToggle.tsx
index 7d44bf233..5e4fca22b 100644
--- a/packages/gitbook/src/components/Search/SearchScopeToggle.tsx
+++ b/packages/gitbook/src/components/Search/SearchScopeToggle.tsx
@@ -20,31 +20,7 @@ export function SearchScopeToggle(props: { spaceTitle: string }) {
         <div
             role="toolbar"
             aria-orientation="horizontal"
-            className={tcls(
-                'overflow-x-auto',
-                'hide-scroll',
-                'flex',
-                'flex-row',
-                'py-3',
-                'gap-0',
-                'px-0',
-                'pt-0',
-                'sticky',
-                'z-[0]',
-                'w-[calc(100%-1px)]',
-                'left-[1px]',
-                'top-[0px]',
-                'bg-gradient-to-b',
-                'from-white',
-                'to-transparent',
-                'from-60%',
-                'dark:from-dark-3',
-                'shadow-[0_1px_0_0_inset]',
-                'shadow-dark/2',
-                'dark:shadow-light/2',
-                'md:px-6',
-                'md:gap-3',
-            )}
+            className={tcls('flex', 'flex-row', 'mr-4')}
         >
             <ToggleButton
                 active={!state.global}
@@ -81,30 +57,14 @@ function ToggleButton(props: { onClick: () => void; children: React.ReactNode; a
             aria-selected={active}
             onClick={onClick}
             className={tcls(
-                'text-xs',
+                'text-sm',
                 'transition-colors',
-                'duration-75',
-                'px-2.5',
-                'py-1.5',
-                'border-t',
-                'relative',
-                'top-[0px]',
-                'z-[1]',
-                'border-dark/2',
+                'px-3',
+                'py-2',
+                'border-b-2',
                 'whitespace-pre',
-                'hover:border-dark/6',
-                'dark:hover:border-light/6',
-                'md:px-1',
-                active
-                    ? [
-                          'text-primary-400',
-                          'border-primary-400',
-                          'hover:border-primary-400',
-                          'dark:hover:text-primary-400',
-                          'dark:border-primary-400',
-                          'dark:hover:border-primary-400',
-                      ]
-                    : null,
+                '-mb-[1px]',
+                active ? ['text-primary-500', 'border-primary-500'] : ['border-transparent'],
             )}
         >
             {children}
diff --git a/packages/gitbook/src/components/Search/SearchSectionResultItem.tsx b/packages/gitbook/src/components/Search/SearchSectionResultItem.tsx
index b620a7651..82784f113 100644
--- a/packages/gitbook/src/components/Search/SearchSectionResultItem.tsx
+++ b/packages/gitbook/src/components/Search/SearchSectionResultItem.tsx
@@ -25,15 +25,29 @@ export const SearchSectionResultItem = React.forwardRef(function SearchSectionRe
                 '[&:has(+:not(&))]:mb-6',
                 'flex',
                 'flex-col',
-                'pl-6',
+                'mb-2',
+                'px-4',
+                'sm:px-12',
                 'hover:bg-dark-4/2',
                 'dark:hover:bg-light-4/2',
+                'text-dark/8',
+                'dark:text-light/8',
+                'font-normal',
+                'transition-colors',
                 active ? ['bg-dark/1', 'dark:bg-light/1'] : null,
             )}
         >
-            <div className={tcls('border-l', 'p-3', 'border-dark/2', 'dark:border-light/2')}>
+            <div
+                className={tcls(
+                    'border-l-2',
+                    'px-4',
+                    'py-2',
+                    'border-dark/2',
+                    'dark:border-light/2',
+                )}
+            >
                 {item.title ? (
-                    <p className={tcls('text-base', 'text-dark/7', 'dark:text-light/8')}>
+                    <p className={tcls('text-base', 'mb-2')}>
                         <HighlightQuery query={query} text={item.title} />
                     </p>
                 ) : null}
@@ -41,12 +55,9 @@ export const SearchSectionResultItem = React.forwardRef(function SearchSectionRe
                     <p
                         className={tcls(
                             'text-sm',
-                            'text-dark',
-                            'line-clamp-6',
-                            'linear-mask-gradient',
+                            'line-clamp-3',
                             'z-[-1]', //to force stacking order
                             'relative',
-                            'dark:text-light/8',
                         )}
                     >
                         <HighlightQuery query={query} text={item.body} />
diff --git a/packages/gitbook/src/components/Search/server-actions.tsx b/packages/gitbook/src/components/Search/server-actions.tsx
index 01c685526..f4aeae84f 100644
--- a/packages/gitbook/src/components/Search/server-actions.tsx
+++ b/packages/gitbook/src/components/Search/server-actions.tsx
@@ -82,7 +82,7 @@ async function searchSiteContent(args: {
                       ...siteSpace,
                       space: {
                           ...siteSpace.space,
-                          title: section.title + ' › ' + siteSpace.space.title,
+                          title: section.title || siteSpace.space.title,
                       },
                   }));
 
diff --git a/packages/gitbook/src/intl/translations/de.ts b/packages/gitbook/src/intl/translations/de.ts
index 5c0f16e83..c3d707a1d 100644
--- a/packages/gitbook/src/intl/translations/de.ts
+++ b/packages/gitbook/src/intl/translations/de.ts
@@ -10,7 +10,7 @@ export const de = {
     search_input_placeholder: 'Inhalt durchsuchen',
     search_ask_input_placeholder: 'Inhalt durchsuchen oder eine Frage stellen',
     search_no_results: 'Keine Ergebnisse für "${1}".',
-    search_scope_space: 'Nur in ${1}',
+    search_scope_space: '${1}',
     search_scope_all: 'Alle Inhalte',
     search_ask: 'Fragen "${1}"',
     search_ask_sources: 'Quellen',
diff --git a/packages/gitbook/src/intl/translations/en.ts b/packages/gitbook/src/intl/translations/en.ts
index dc74cee6c..c471bbffe 100644
--- a/packages/gitbook/src/intl/translations/en.ts
+++ b/packages/gitbook/src/intl/translations/en.ts
@@ -10,8 +10,8 @@ export const en = {
     search_input_placeholder: 'Search content',
     search_ask_input_placeholder: 'Search content or ask a question',
     search_no_results: 'No results for "${1}".',
-    search_scope_space: 'Only in ${1}',
-    search_scope_all: 'All the content',
+    search_scope_space: '${1}',
+    search_scope_all: 'All content',
     search_ask: 'Ask "${1}"',
     search_ask_sources: 'Sources',
     search_ask_sources_no_answer: 'Related pages',
diff --git a/packages/gitbook/src/intl/translations/es.ts b/packages/gitbook/src/intl/translations/es.ts
index 2b3bf7930..4c499b3ae 100644
--- a/packages/gitbook/src/intl/translations/es.ts
+++ b/packages/gitbook/src/intl/translations/es.ts
@@ -12,7 +12,7 @@ export const es: TranslationLanguage = {
     search_input_placeholder: 'Buscar contenido',
     search_ask_input_placeholder: 'Buscar contenido o hacer una pregunta',
     search_no_results: 'No hay resultados para "${1}".',
-    search_scope_space: 'Solo en ${1}',
+    search_scope_space: '${1}',
     search_scope_all: 'Todo el contenido',
     search_ask: 'Preguntar "${1}"',
     search_ask_sources: 'Fuentes',
diff --git a/packages/gitbook/src/intl/translations/fr.ts b/packages/gitbook/src/intl/translations/fr.ts
index cec5f0aa9..fe5797132 100644
--- a/packages/gitbook/src/intl/translations/fr.ts
+++ b/packages/gitbook/src/intl/translations/fr.ts
@@ -12,7 +12,7 @@ export const fr: TranslationLanguage = {
     search_input_placeholder: 'Rechercher le contenu',
     search_ask_input_placeholder: 'Rechercher du contenu ou poser une question',
     search_no_results: 'Aucun résultat pour "${1}".',
-    search_scope_space: 'Uniquement dans ${1}',
+    search_scope_space: '${1}',
     search_scope_all: 'Tout le contenu',
     search_ask: 'Demander "${1}"',
     search_ask_sources: 'Sources',
diff --git a/packages/gitbook/src/intl/translations/ja.ts b/packages/gitbook/src/intl/translations/ja.ts
index 7005c3da3..538f647e6 100644
--- a/packages/gitbook/src/intl/translations/ja.ts
+++ b/packages/gitbook/src/intl/translations/ja.ts
@@ -12,7 +12,7 @@ export const ja: TranslationLanguage = {
     search_input_placeholder: 'コンテンツを検索',
     search_ask_input_placeholder: 'コンテンツを検索するか質問をする',
     search_no_results: '"${1}" の結果はありません。',
-    search_scope_space: '${1}内のみ',
+    search_scope_space: '${1}',
     search_scope_all: '全てのコンテンツ',
     search_ask: '"${1}" を質問する',
     search_ask_sources: '情報源',
diff --git a/packages/gitbook/src/intl/translations/nl.ts b/packages/gitbook/src/intl/translations/nl.ts
index 104de4ff1..06a32ebf7 100644
--- a/packages/gitbook/src/intl/translations/nl.ts
+++ b/packages/gitbook/src/intl/translations/nl.ts
@@ -12,7 +12,7 @@ export const nl: TranslationLanguage = {
     search_input_placeholder: 'Zoek inhoud',
     search_ask_input_placeholder: 'Zoek inhoud of stel een vraag',
     search_no_results: 'Geen resultaten voor "${1}".',
-    search_scope_space: 'Alleen in ${1}',
+    search_scope_space: '${1}',
     search_scope_all: 'Alle inhoud',
     search_ask: 'Vraag "${1}"',
     search_ask_sources: 'Bronnen',
diff --git a/packages/gitbook/src/intl/translations/no.ts b/packages/gitbook/src/intl/translations/no.ts
index ff1d1667f..02d602330 100644
--- a/packages/gitbook/src/intl/translations/no.ts
+++ b/packages/gitbook/src/intl/translations/no.ts
@@ -12,7 +12,7 @@ export const no: TranslationLanguage = {
     search_input_placeholder: 'Søk i innhold',
     search_ask_input_placeholder: 'Søk i innhold eller still et spørsmål',
     search_no_results: 'Ingen resultater for "${1}".',
-    search_scope_space: 'Kun i ${1}',
+    search_scope_space: '${1}',
     search_scope_all: 'Alt innhold',
     search_ask: 'Spør "${1}"',
     search_ask_sources: 'Kilder',
diff --git a/packages/gitbook/src/intl/translations/pt-br.ts b/packages/gitbook/src/intl/translations/pt-br.ts
index f4e43f4fb..b7e8feb39 100644
--- a/packages/gitbook/src/intl/translations/pt-br.ts
+++ b/packages/gitbook/src/intl/translations/pt-br.ts
@@ -10,7 +10,7 @@ export const pt_br = {
     search_input_placeholder: 'Buscar conteúdo',
     search_ask_input_placeholder: 'Buscar conteúdo ou fazer uma pergunta',
     search_no_results: 'Sem resultados para "${1}".',
-    search_scope_space: 'Somente em ${1}',
+    search_scope_space: '${1}',
     search_scope_all: 'Todo o conteúdo',
     search_ask: 'Perguntar "${1}"',
     search_ask_sources: 'Fontes',
diff --git a/packages/gitbook/src/intl/translations/zh.ts b/packages/gitbook/src/intl/translations/zh.ts
index 376171e7b..616662ba1 100644
--- a/packages/gitbook/src/intl/translations/zh.ts
+++ b/packages/gitbook/src/intl/translations/zh.ts
@@ -12,7 +12,7 @@ export const zh: TranslationLanguage = {
     search_input_placeholder: '搜索内容',
     search_ask_input_placeholder: '搜索内容或提问',
     search_no_results: '没有找到"${1}"的结果。',
-    search_scope_space: '仅在${1}中',
+    search_scope_space: '${1}',
     search_scope_all: '所有内容',
     search_ask: '询问"${1}"',
     search_ask_sources: '来源',
diff --git a/packages/gitbook/tailwind.config.ts b/packages/gitbook/tailwind.config.ts
index cffcb2731..7a2266b01 100644
--- a/packages/gitbook/tailwind.config.ts
+++ b/packages/gitbook/tailwind.config.ts
@@ -99,6 +99,9 @@ const config: Config = {
                 pomegranate: generateShades('#f25b3a'),
                 periwinkle: generateShades('#acc6ee'),
             },
+            animation: {
+                present: 'present .5s ease-out both',
+            },
             keyframes: {
                 pulseAlt: {
                     '0%': {
@@ -121,6 +124,16 @@ const config: Config = {
                         opacity: '1',
                     },
                 },
+                present: {
+                    from: {
+                        opacity: '0',
+                        transform: 'translateY(2rem) scale(0.9)',
+                    },
+                    to: {
+                        opacity: '1',
+                        transform: 'translateY(0) scale(1)',
+                    },
+                },
                 rotateLoop: {
                     '0%': {
                         transform: 'rotate(0deg) scaleY(2.5) scaleX(2.5)',