diff --git a/.github/workflows/cfc.yml b/.github/workflows/cfc.yml
index 8c4f1673..b2baeda6 100644
--- a/.github/workflows/cfc.yml
+++ b/.github/workflows/cfc.yml
@@ -30,20 +30,13 @@ jobs:
           poetry env use "3.11"
           poetry install --no-interaction
 
-      - name: Restore GPAC Cache
-        uses: actions/cache/restore@v3
-        with:
-          path: /tmp/gpac
-          key: ${{ runner.os }}-gpac-
-          restore-keys: ${{ runner.os }}-gpac-
-
-      - name: Setup MP4Box
+      - name: Install GPAC
         run: |
+          wget -O /tmp/gpac.deb https://download.tsi.telecom-paristech.fr/gpac/new_builds/gpac_latest_head_linux64.deb
+          sudo apt update
+          sudo apt install -y /tmp/gpac.deb
           mkdir -p $HOME/.gpac
-          mkdir -p $HOME/.local/bin
           touch $HOME/.gpac/creds.key
-          cp -r /tmp/gpac/ $HOME/.local/bin
-          echo "$HOME/.local/bin" >> $GITHUB_PATH
 
       - name: Configure GitHub handle
         run: |
diff --git a/.github/workflows/chores.yml b/.github/workflows/chores.yml
index 45e6a885..c5769ea0 100644
--- a/.github/workflows/chores.yml
+++ b/.github/workflows/chores.yml
@@ -6,36 +6,6 @@ on:
     - cron: "0 0 * * *"
 
 jobs:
-  gpac:
-    name: Build GPAC
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v3
-        with:
-          repository: gpac/gpac
-
-      - name: Get latest commit
-        id: get-latest-commit
-        run: |
-          echo "latest-commit=$(git rev-parse HEAD)" >> $GITHUB_OUTPUT
-
-      - name: GPAC Cache
-        id: gpac-cache
-        uses: actions/cache@v3
-        with:
-          path: /tmp/gpac
-          key: ${{ runner.os }}-gpac-${{ steps.get-latest-commit.outputs.latest-commit }}
-
-      - name: GPAC Build
-        if: steps.gpac-cache.outputs.cache-hit != 'true'
-        run: |
-          sudo apt-get install -y build-essential pkg-config git zlib1g-dev
-          ./configure --static-bin
-          make -j$(nproc)
-          mkdir -p /tmp/gpac
-          cp -r bin/gcc/ /tmp/gpac
-
   lfscache:
     name: Keep LFS Cache Warm
     runs-on: ubuntu-latest
diff --git a/conformance-search/src/components/BoxComponent.tsx b/conformance-search/src/components/BoxComponent.tsx
index 00387d99..5d4e3c35 100644
--- a/conformance-search/src/components/BoxComponent.tsx
+++ b/conformance-search/src/components/BoxComponent.tsx
@@ -92,7 +92,7 @@ export default function BoxComponent({ box }: { box: SearchResultRefined<Box> })
     return (
         <div
             className={clsx(
-                "relative flex w-full flex-col divide-y-1 rounded-md bg-white shadow-md",
+                "relative flex w-full flex-col divide-y-1 overflow-hidden rounded-md bg-white shadow-md",
                 box.score === 0 && "border-l-4 border-green-400",
                 box.score > 0 && "border-l-4 border-yellow-400",
                 box.count === 0 && "border-l-4 !border-red-400 opacity-40"
diff --git a/conformance-search/src/components/Drawer.tsx b/conformance-search/src/components/Drawer.tsx
index 909bb594..f4e4b84f 100644
--- a/conformance-search/src/components/Drawer.tsx
+++ b/conformance-search/src/components/Drawer.tsx
@@ -28,7 +28,7 @@ export default function Drawer({
 
     if (hidden) return null;
     return (
-        <div ref={ref} className="sticky last:border-b-1">
+        <div ref={ref} className="sticky">
             <div
                 className={clsx("sticky top-0 border-t-1 bg-white px-3 py-1", open && "border-b-1")}
             >
diff --git a/conformance-search/src/components/FeatureComponent.tsx b/conformance-search/src/components/FeatureComponent.tsx
index b4bf28ce..87f24c98 100644
--- a/conformance-search/src/components/FeatureComponent.tsx
+++ b/conformance-search/src/components/FeatureComponent.tsx
@@ -12,7 +12,7 @@ export default function FeatureComponent({ feature }: { feature: SearchResultRef
     return (
         <div
             className={clsx(
-                "relative flex w-full flex-col divide-y-1 rounded-md bg-white shadow-md",
+                "relative flex w-full flex-col divide-y-1 overflow-hidden rounded-md bg-white shadow-md",
                 feature.score === 0 && "border-l-4 border-green-400",
                 feature.score > 0 && "border-l-4 border-yellow-400",
                 feature.count === 0 && "border-l-4 border-red-400 opacity-40"
diff --git a/conformance-search/src/components/FileComponent.tsx b/conformance-search/src/components/FileComponent.tsx
index 3f713105..c8488937 100644
--- a/conformance-search/src/components/FileComponent.tsx
+++ b/conformance-search/src/components/FileComponent.tsx
@@ -277,7 +277,7 @@ export default function FileComponent({ file }: { file: FileSearchResult }) {
                         >
                             {file.item.published ? "Published" : "Under Consideration"}
                         </span>
-                        {file.matches.slice(0, 8).map((match) => {
+                        {file.matches.slice(0, 4).map((match) => {
                             return (
                                 <span
                                     key={match.value}
@@ -290,9 +290,9 @@ export default function FileComponent({ file }: { file: FileSearchResult }) {
                                 </span>
                             );
                         })}
-                        {file.matches.length > 8 && (
+                        {file.matches.length > 4 && (
                             <span className="flex h-4 items-center justify-center whitespace-nowrap rounded-full bg-gray-500 px-2 text-xs font-bold text-white opacity-40">
-                                +{file.matches.length - 6} more
+                                +{file.matches.length - 4} more
                             </span>
                         )}
                     </div>
diff --git a/conformance-search/src/components/Input/Dropdown.tsx b/conformance-search/src/components/Input/Dropdown.tsx
index 598bb381..ea81e1f4 100644
--- a/conformance-search/src/components/Input/Dropdown.tsx
+++ b/conformance-search/src/components/Input/Dropdown.tsx
@@ -1,25 +1,25 @@
-import clsx from "clsx";
 import Fuse from "fuse.js";
-import { useEffect, useRef, useState } from "react";
+import React, { forwardRef, useEffect, useState } from "react";
 import { useEvent, useIntersection } from "react-use";
 import { normalizeResultScores } from "@/utils";
 import { Chip } from "@/components";
 import { FuseSearchWithScore } from "@/types";
 
-export default function Dropdown({
-    query,
-    fuse,
-    parseValue,
-    hidden
-}: {
-    query: string;
-    fuse: {
-        fourccs: Fuse<string>;
-        types: Fuse<string>;
-    };
-    parseValue: (value: string) => Promise<void>;
-    hidden: boolean;
-}) {
+function Dropdown(
+    {
+        query,
+        fuse,
+        parseValue
+    }: {
+        query: string;
+        fuse: {
+            fourccs: Fuse<string>;
+            types: Fuse<string>;
+        };
+        parseValue: (value: string) => Promise<void>;
+    },
+    ref: React.ForwardedRef<HTMLDivElement>
+) {
     const [activeIndex, setActiveIndex] = useState(-1);
     const [results, setResults] = useState<{
         fourccs: FuseSearchWithScore<string>[];
@@ -30,8 +30,7 @@ export default function Dropdown({
     });
 
     // Check if the dropdown is visible
-    const ref = useRef(null);
-    const intersection = useIntersection(ref, {
+    const intersection = useIntersection(ref as React.MutableRefObject<HTMLDivElement>, {
         root: null,
         rootMargin: "0px",
         threshold: 0.1
@@ -142,12 +141,7 @@ export default function Dropdown({
     return (
         <div
             ref={ref}
-            className={clsx(
-                "absolute bottom-[-1px] z-10 translate-y-full flex-col gap-3 bg-white p-3 shadow-lg outline outline-1 outline-gray-200 max-md:right-0 sm:left-[-3]",
-                hidden || (results.fourccs.length === 0 && results.types.length === 0)
-                    ? "hidden"
-                    : "flex"
-            )}
+            className="mt-[1.5px] flex flex-col gap-3 bg-white p-3 shadow-lg outline outline-1 outline-gray-200"
             data-testid="dropdown"
         >
             {dropdownSection({
@@ -162,3 +156,5 @@ export default function Dropdown({
         </div>
     );
 }
+
+export default forwardRef(Dropdown);
diff --git a/conformance-search/src/components/Input/Input.tsx b/conformance-search/src/components/Input/Input.tsx
index 1376ee8b..340295cf 100644
--- a/conformance-search/src/components/Input/Input.tsx
+++ b/conformance-search/src/components/Input/Input.tsx
@@ -23,13 +23,13 @@ export default function Input({
         return (
             <input
                 // eslint-disable-next-line jsx-a11y/no-autofocus
-                autoFocus
-                className="grow px-3 text-sm focus:outline-none"
+                autoFocus={filter.value !== ""}
+                className="grow rounded-none bg-transparent px-3 text-sm focus:outline-none"
                 onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
                     updateFilter(index, (e.target as HTMLInputElement).value)
                 }
                 placeholder={placeholder}
-                type="text"
+                type="search"
                 value={filter.value}
             />
         );
diff --git a/conformance-search/src/components/Input/variants/ContainerInput.tsx b/conformance-search/src/components/Input/variants/ContainerInput.tsx
index 7de21c4f..9b1a5b99 100644
--- a/conformance-search/src/components/Input/variants/ContainerInput.tsx
+++ b/conformance-search/src/components/Input/variants/ContainerInput.tsx
@@ -5,6 +5,7 @@ import { useClickAway } from "react-use";
 import Search from "@/lib/search";
 import { Chip } from "@/components";
 import { Filter } from "@/types";
+import { Popper } from "@mui/material";
 import Dropdown from "../Dropdown";
 import stripSpecialChars from "../helpers";
 
@@ -95,14 +96,17 @@ export default function ContainerInput({
         updateFuse(search);
     }, [parsed, search]);
 
+    // Focus the input when the parsed value changes
+    const inputRef = useRef<HTMLInputElement>(null);
+    useEffect(() => {
+        if (parsed.length > 0) inputRef.current?.focus();
+    }, [parsed]);
+
     // Dropdown menu
+    const dropdownContainerRef = useRef<HTMLDivElement>(null);
     const dropdownRef = useRef<HTMLDivElement>(null);
     const [open, setOpen] = useState(false);
 
-    const handleClickOutside = () => {
-        setOpen(false);
-    };
-
     // Capture delete key
     const onKeyDown = async (e: React.KeyboardEvent<HTMLInputElement>) => {
         if (e.key === "Backspace") {
@@ -119,7 +123,15 @@ export default function ContainerInput({
         }
     };
 
-    useClickAway(dropdownRef, handleClickOutside);
+    useClickAway(
+        dropdownContainerRef,
+        (e: MouseEvent) => {
+            const target = e.target as HTMLElement;
+            if (dropdownRef.current?.contains(target)) return;
+            setOpen(false);
+        },
+        ["mouseup"]
+    );
 
     return (
         <div className="relative flex grow flex-row items-center pl-3 text-sm">
@@ -159,25 +171,38 @@ export default function ContainerInput({
                     </Chip>
                 ))}
             </div>
-            <div ref={dropdownRef} className="relative flex h-full grow flex-row">
+            <div ref={dropdownContainerRef} className="relative flex h-full grow flex-row">
                 <input
-                    className="w-full focus:outline-none"
-                    onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
-                        setQuery((e.target as HTMLInputElement).value)
-                    }
+                    ref={inputRef}
+                    autoCapitalize="off"
+                    autoComplete="off"
+                    autoCorrect="off"
+                    className="w-fit bg-transparent focus:outline-none xs:w-full"
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
+                        setQuery((e.target as HTMLInputElement).value);
+                        setOpen(true);
+                    }}
                     onClick={() => setOpen(true)}
                     onKeyDown={onKeyDown}
                     placeholder={placeholder}
-                    type="text"
+                    spellCheck="false"
+                    type="search"
                     value={query}
                 />
                 {fuse && (
-                    <Dropdown
-                        fuse={fuse}
-                        hidden={!open || query === ""}
-                        parseValue={parseValue}
-                        query={query}
-                    />
+                    <Popper
+                        anchorEl={inputRef.current}
+                        className="z-20"
+                        open={open && query !== ""}
+                        placement="bottom-start"
+                    >
+                        <Dropdown
+                            ref={dropdownRef}
+                            fuse={fuse}
+                            parseValue={parseValue}
+                            query={query}
+                        />
+                    </Popper>
                 )}
             </div>
         </div>
diff --git a/conformance-search/src/components/SearchComponent/SearchComponent.tsx b/conformance-search/src/components/SearchComponent/SearchComponent.tsx
index f23efae1..e396f380 100644
--- a/conformance-search/src/components/SearchComponent/SearchComponent.tsx
+++ b/conformance-search/src/components/SearchComponent/SearchComponent.tsx
@@ -16,7 +16,7 @@ export default function SearchComponent({
     onResult
 }: {
     className?: string;
-    onResult: (boxes: SearchResult<Box>[], features: SearchResult<Feature>[]) => Promise<void>;
+    onResult: (boxes: SearchResult<Box>[], features: SearchResult<Feature>[]) => void;
 }) {
     const [loading, setLoading] = useState(false);
     const [open, setOpen] = useState(false);
@@ -52,7 +52,7 @@ export default function SearchComponent({
             // Update URL
             setQueryParams(query, filters);
             const { boxes, features } = await search.search(query, filters);
-            await onResult(boxes, features);
+            onResult(boxes, features);
             setLoading(false);
         },
         250,
@@ -63,6 +63,10 @@ export default function SearchComponent({
     useEffect(() => {
         const newState = filters.length > 0 && open;
         setOpen(newState);
+
+        // If open, disable scroll
+        if (newState) document.body.style.overflow = "hidden";
+        else document.body.style.overflow = "auto";
     }, [open, filters]);
 
     return (
@@ -82,7 +86,7 @@ export default function SearchComponent({
                             autoCapitalize="off"
                             autoComplete="off"
                             autoCorrect="off"
-                            className="h-16 min-w-0 grow rounded-md px-5 text-sm focus:outline-none disabled:bg-transparent"
+                            className="h-16 min-w-0 grow rounded-tl-md bg-transparent px-5 text-lg only:rounded-t-md focus:outline-none disabled:bg-gray-100"
                             disabled={!ready}
                             onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
                                 setQuery((e.target as HTMLInputElement).value);
@@ -93,23 +97,20 @@ export default function SearchComponent({
                             type="text"
                             value={query}
                         />
-                        <button
-                            className={clsx(
-                                "w-14 flex-col items-center justify-center",
-                                !ready || loading || (!query && filters.length === 0)
-                                    ? "hidden"
-                                    : "flex"
-                            )}
-                            disabled={!ready || loading}
-                            onClick={() => {
-                                setQuery("");
-                                resetFilters();
-                            }}
-                            type="button"
-                        >
-                            <MdClose className="text-2xl" />
-                            <span className="text-[10px] font-semibold">Reset</span>
-                        </button>
+                        {ready && !loading && (query || filters.length > 0) && (
+                            <button
+                                className="flex w-14 flex-col items-center justify-center"
+                                onClick={() => {
+                                    setQuery("");
+                                    resetFilters();
+                                }}
+                                type="button"
+                            >
+                                <MdClose className="text-2xl" />
+                                <span className="text-[10px] font-semibold">Reset</span>
+                            </button>
+                        )}
+
                         {(!ready || loading) && (
                             <div className="flex w-14 items-center justify-center">
                                 <AiOutlineLoading className="animate-spin text-2xl" />
@@ -122,7 +123,7 @@ export default function SearchComponent({
                                 filters.map((filter: Filter, index: number) => (
                                     <div
                                         key={filter.value}
-                                        className="flex flex-row items-stretch divide-x-1 px-3"
+                                        className="flex flex-row items-stretch divide-x-1 overflow-x-scroll px-3"
                                     >
                                         <button
                                             className="my-3 mr-3 cursor-pointer"
diff --git a/conformance-search/src/components/Select.tsx b/conformance-search/src/components/Select.tsx
index 75968ae3..7f57f253 100644
--- a/conformance-search/src/components/Select.tsx
+++ b/conformance-search/src/components/Select.tsx
@@ -1,3 +1,4 @@
+import { Popper } from "@mui/material";
 import clsx from "clsx";
 import { useRef, useState } from "react";
 import { IoChevronDown } from "react-icons/io5";
@@ -16,14 +17,19 @@ export default function Select({
     value: string;
     onChange: (newValue: string) => void;
 }) {
-    const ref = useRef(null);
+    const ref = useRef<HTMLUListElement>(null);
+    const refContainer = useRef<HTMLDivElement>(null);
     const [open, setOpen] = useState(false);
 
-    const handleClickOutside = () => {
-        setOpen(false);
-    };
-
-    useClickAway(ref, handleClickOutside);
+    useClickAway(
+        refContainer,
+        (e: MouseEvent) => {
+            const target = e.target as HTMLElement;
+            if (ref.current?.contains(target)) return;
+            setOpen(false);
+        },
+        ["mouseup"]
+    );
 
     // Get the longest option
     const longestOption = Math.max(
@@ -34,8 +40,9 @@ export default function Select({
     );
 
     return (
-        <div ref={ref} className="relative" style={{ width: `${longestOption * 0.7}rem` }}>
+        <div className="relative" style={{ minWidth: `${longestOption * 0.7}rem` }}>
             <div
+                ref={refContainer}
                 className={clsx(
                     "flex h-full cursor-pointer flex-row items-center justify-evenly whitespace-nowrap pl-4 pr-12 text-sm",
                     className
@@ -52,9 +59,14 @@ export default function Select({
                 <span>{value === "" ? "Select one..." : items[value].name}</span>
                 <IoChevronDown className="absolute right-4" />
             </div>
-            {open && (
-                <div className="absolute bottom-[-1px] z-10 w-full translate-y-full bg-white shadow-lg outline outline-1 outline-gray-200">
-                    <ul>
+            <Popper anchorEl={refContainer.current} className="z-20" open={open} placement="bottom">
+                <div
+                    className="mt-[1.5px] bg-white shadow-lg outline outline-1 outline-gray-200"
+                    style={{
+                        minWidth: `calc(${longestOption * 0.7}rem - 1px)`
+                    }}
+                >
+                    <ul ref={ref}>
                         {value === "" && (
                             <li className="cursor-pointer px-4 py-2 text-sm transition-all duration-75 hover:bg-neutral-200">
                                 Select one...
@@ -82,7 +94,7 @@ export default function Select({
                         ))}
                     </ul>
                 </div>
-            )}
+            </Popper>
         </div>
     );
 }
diff --git a/conformance-search/src/components/SpecsCovered.tsx b/conformance-search/src/components/SpecsCovered.tsx
index 4e0ace44..887ba115 100644
--- a/conformance-search/src/components/SpecsCovered.tsx
+++ b/conformance-search/src/components/SpecsCovered.tsx
@@ -21,25 +21,30 @@ export default function SpecsCovered({
                     <a
                         key={info.ISO}
                         className={clsx(
-                            "group flex items-center justify-between gap-2 truncate px-3 py-2 font-light hover:bg-gray-100",
+                            "group flex items-center justify-between gap-2 px-3 py-2 font-light hover:bg-gray-100",
                             compact && "text-sm font-normal"
                         )}
                         href={info.link}
                         rel="noreferrer"
                         target="_blank"
                     >
-                        <span>
-                            ISO/IEC {info.ISO}:{info.date} (
-                            <span className="font-bold">{info.name}</span>):{" "}
-                            {addOrdinalSuffix(info.version)} Edition{" "}
-                            {info.amendmends &&
-                                info.amendmends.length > 0 &&
-                                `, ${info.amendmends.join(", ")}`}
-                            {info.corrigenda &&
-                                info.corrigenda.length > 0 &&
-                                `, ${info.corrigenda.join(", ")}`}
-                        </span>
-                        <FaExternalLinkAlt className="text-xs opacity-0 transition-opacity duration-200 group-hover:opacity-100" />
+                        <div className="flex flex-wrap gap-1">
+                            <span>
+                                ISO/IEC {info.ISO}:{info.date}
+                            </span>
+                            <span>
+                                (<b>{info.name}</b>): {addOrdinalSuffix(info.version)} Edition
+                            </span>
+                            <span>
+                                {info.amendmends &&
+                                    info.amendmends.length > 0 &&
+                                    `, ${info.amendmends.join(", ")}`}
+                                {info.corrigenda &&
+                                    info.corrigenda.length > 0 &&
+                                    `, ${info.corrigenda.join(", ")}`}
+                            </span>
+                        </div>
+                        <FaExternalLinkAlt className="opacity-0 transition-opacity duration-200 group-hover:opacity-100 md:text-xs" />
                     </a>
                 ))}
             </div>
diff --git a/conformance-search/src/index.css b/conformance-search/src/index.css
index 3549111d..52558773 100644
--- a/conformance-search/src/index.css
+++ b/conformance-search/src/index.css
@@ -6,6 +6,10 @@ body {
     @apply bg-paper;
 }
 
+b {
+    @apply font-bold;
+}
+
 #root {
     @apply h-screen w-screen flex flex-col;
 }
diff --git a/conformance-search/src/lib/search.ts b/conformance-search/src/lib/search.ts
index 9a935c45..3932b1ef 100644
--- a/conformance-search/src/lib/search.ts
+++ b/conformance-search/src/lib/search.ts
@@ -428,8 +428,8 @@ class Search {
         boxes = boxes.filter((box) => box.item.fourcc !== "file");
 
         // Normalize scores
-        boxes = normalizeResultScores(boxes, query === "" ? 1.0 : 0.2);
-        features = normalizeResultScores(features, query === "" ? 1.0 : 0.2);
+        boxes = normalizeResultScores(boxes, query === "");
+        features = normalizeResultScores(features, query === "");
 
         // Filter out results with low scores
         boxes = boxes.filter((result) => result.score <= 0.2);
diff --git a/conformance-search/src/pages/CoveragePage/CoveragePage.tsx b/conformance-search/src/pages/CoveragePage/CoveragePage.tsx
index 93b5c1bb..3a62da1f 100644
--- a/conformance-search/src/pages/CoveragePage/CoveragePage.tsx
+++ b/conformance-search/src/pages/CoveragePage/CoveragePage.tsx
@@ -206,7 +206,7 @@ export default function CoveragePage() {
                 />
                 <div className="flex w-full flex-col items-start gap-2">
                     <input
-                        className="w-full rounded border-1 px-3 py-2 shadow-md"
+                        className="w-full rounded border-1 bg-transparent px-3 py-2 shadow-md"
                         onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
                             setSearch((e.target as HTMLInputElement).value)
                         }
diff --git a/conformance-search/src/pages/SearchPage.tsx b/conformance-search/src/pages/SearchPage.tsx
index dd251868..b716bd9b 100644
--- a/conformance-search/src/pages/SearchPage.tsx
+++ b/conformance-search/src/pages/SearchPage.tsx
@@ -28,7 +28,7 @@ export default function SearchPage() {
     }, []);
 
     // When a result is received, refine the search results
-    const onResult = async (inBoxes: SearchResult<Box>[], inFeatures: SearchResult<Feature>[]) => {
+    const onResult = (inBoxes: SearchResult<Box>[], inFeatures: SearchResult<Feature>[]) => {
         if (!search) return;
         setState(
             search.refine(
@@ -101,13 +101,13 @@ export default function SearchPage() {
             <NavigationBar />
             <div className="flex min-h-0 flex-[1] flex-col items-center gap-6 p-2 xs:p-6">
                 <SearchComponent
-                    className="z-20 flex w-full max-w-2xl select-none flex-col"
+                    className="z-20 flex w-full max-w-2xl select-none flex-col p-2"
                     onResult={onResult}
                 />
                 {combinedResults.length > 0 && mobileW && (
                     <Tabs
                         classes={{
-                            root: "w-full max-w-7xl -mb-4"
+                            root: "w-full max-w-7xl -mb-4 p-2"
                         }}
                         onChange={(_, value) => setTab(value)}
                         value={tab}
diff --git a/conformance-search/src/utils/index.ts b/conformance-search/src/utils/index.ts
index d02b8cb9..cb373464 100644
--- a/conformance-search/src/utils/index.ts
+++ b/conformance-search/src/utils/index.ts
@@ -4,12 +4,14 @@ import { FuseSearchWithScore } from "@/types";
  * Normalize the scores of the given results.
  * @param results - the results to normalize
  */
-function normalizeResultScores<T>(results: FuseSearchWithScore<T>[], threshold = 0.2) {
+function normalizeResultScores<T>(results: FuseSearchWithScore<T>[], noQuery = false) {
+    const threshold = noQuery ? 1.0 : 0.2;
     let normalizedResults = results;
+
     if (results.length === 1) {
         normalizedResults = results.map((result) => ({
             ...result,
-            actualScore: result.score,
+            actualScore: noQuery ? 0 : result.score,
             score: 0
         }));
     } else if (results.length > 1) {
@@ -19,13 +21,13 @@ function normalizeResultScores<T>(results: FuseSearchWithScore<T>[], threshold =
         if (minScore === maxScore) {
             normalizedResults = results.map((result) => ({
                 ...result,
-                actualScore: result.score,
+                actualScore: noQuery ? 0 : result.score,
                 score: minScore < threshold ? 0 : 1
             }));
         } else {
             normalizedResults = results.map((result) => ({
                 ...result,
-                actualScore: result.score,
+                actualScore: noQuery ? 0 : result.score,
                 score: ((result.score || 0) - minScore) / (maxScore - minScore)
             }));
         }
diff --git a/conformance-search/tailwind.config.js b/conformance-search/tailwind.config.js
index bcaa7e09..5235a248 100644
--- a/conformance-search/tailwind.config.js
+++ b/conformance-search/tailwind.config.js
@@ -5,7 +5,7 @@ export default {
     content: ["./index.html", "./src/**/*.{ts,tsx}"],
     theme: {
         screens: {
-            xs: "400px",
+            xs: "440px",
             ...defaultTheme.screens
         },
         extend: {