diff --git a/www/packages/docs-ui/src/components/Input/Search/index.tsx b/www/packages/docs-ui/src/components/Input/Search/index.tsx
index a9a69b45af..d0b86c5fa6 100644
--- a/www/packages/docs-ui/src/components/Input/Search/index.tsx
+++ b/www/packages/docs-ui/src/components/Input/Search/index.tsx
@@ -33,7 +33,7 @@ export const SearchInput = ({
           type="text"
           placeholder={placeholder}
           className={clsx(
-            "w-full h-docs_2 pl-docs_2 text-compact-small placeholder:text-medusa-fg-muted",
+            "w-full h-docs_2 pl-docs_2 text-base md:text-compact-small placeholder:text-medusa-fg-muted",
             "bg-medusa-bg-field text-medusa-fg-base rounded-full",
             "shadow-borders-base hover:bg-medusa-bg-field-hover",
             "focus:bg-medusa-bg-field focus:shadow-borders-interactive-with-active focus:outline-none",
diff --git a/www/packages/docs-ui/src/components/MDXComponents/index.tsx b/www/packages/docs-ui/src/components/MDXComponents/index.tsx
index 603bc18b1a..10c91970a0 100644
--- a/www/packages/docs-ui/src/components/MDXComponents/index.tsx
+++ b/www/packages/docs-ui/src/components/MDXComponents/index.tsx
@@ -14,6 +14,7 @@ import {
   H2,
   H3,
   H4,
+  Link,
 } from "@/components"
 import clsx from "clsx"
 import { Text } from "@medusajs/ui"
@@ -119,6 +120,7 @@ export const MDXComponents: MDXComponentsType = {
     const { key, ...rest } = props
     return <ZoomImg {...rest} />
   },
+  a: Link,
 }
 
 export const Hr = MDXComponents["hr"] as () => React.JSX.Element