diff --git a/osmium/src/mdx-components.tsx b/osmium/src/mdx-components.tsx
index bee8c17755..c669e0853f 100644
--- a/osmium/src/mdx-components.tsx
+++ b/osmium/src/mdx-components.tsx
@@ -15,6 +15,7 @@ import { Tabs, TabList, TabPanel, Tab } from "./ui/tabs";
 
 export { Callout } from "./ui/callout";
 export { QuickLinks } from "./ui/quick-links";
+export { ImageLink } from "./ui/image-link";
 
 const EraserLinkImpl = clientOnly(() => import("./ui/eraser-link"));
 
diff --git a/src/components/ImageLink.tsx b/osmium/src/ui/image-link.tsx
similarity index 95%
rename from src/components/ImageLink.tsx
rename to osmium/src/ui/image-link.tsx
index d8304d54bb..e878fdcc92 100644
--- a/src/components/ImageLink.tsx
+++ b/osmium/src/ui/image-link.tsx
@@ -24,13 +24,13 @@ export const logos: { [key: string]: { file: string; style?: string } } = {
 	uno: { file: "uno.svg" },
 };
 
-export type ImageLinksProps = {
+export type ImageLinkProps = {
 	title: string;
 	logo: keyof typeof logos;
 	href: string;
 };
 
-export const ImageLink: ParentComponent<ImageLinksProps> = (props) => {
+export const ImageLink: ParentComponent<ImageLinkProps> = (props) => {
 	const locale = useLocale();
 
 	const logoImage = untrack(() => props.logo);
diff --git a/src/routes/(2)guides/(0)styling-your-components.mdx b/src/routes/(2)guides/(0)styling-your-components.mdx
index 9cc71fe946..4ab55ba036 100644
--- a/src/routes/(2)guides/(0)styling-your-components.mdx
+++ b/src/routes/(2)guides/(0)styling-your-components.mdx
@@ -25,8 +25,8 @@ Solid also supports a range of styling methods - from traditional CSS preprocess
 
 <div class="flex flex-col md:grid md:grid-cols-2 md:grid-rows-1  gap-3">
 
-<ImageLinks title="SASS" href="/guides/styling-components/sass" logo="sass" />
-<ImageLinks title="LESS" href="/guides/styling-components/less" logo="less" />
+<ImageLink title="SASS" href="/guides/styling-components/sass" logo="sass" />
+<ImageLink title="LESS" href="/guides/styling-components/less" logo="less" />
 
 </div>
 
@@ -35,7 +35,7 @@ LESS
 
 ## CSS modules
 
-<ImageLinks
+<ImageLink
 	title="CSS Modules"
 	href="/guides/styling-components/css-modules"
 	logo="cssmodules"
@@ -56,7 +56,7 @@ Many also offer features like theming, media queries, and server-side rendering
 
 ### Macaron
 
-<ImageLinks
+<ImageLink
 	title="Macaron"
 	href="/guides/styling-components/macaron"
 	logo="macaron"
@@ -67,11 +67,11 @@ CSS frameworks provide pre-styled components and utility classes to speed up dev
 
 <div class="flex flex-col md:grid md:grid-cols-2 md:grid-rows-1  gap-3">
 
-<ImageLinks
+<ImageLink
 	title="Tailwind CSS"
 	href="/guides/styling-components/tailwind"
 	logo="tailwind"
 />
-<ImageLinks title="UnoCSS" href="/guides/styling-components/uno" logo="uno" />
+<ImageLink title="UnoCSS" href="/guides/styling-components/uno" logo="uno" />
 
 </div>
diff --git a/src/routes/reference/jsx-attributes/classlist.mdx b/src/routes/reference/jsx-attributes/classlist.mdx
index 23ffbe92d8..39367bc276 100644
--- a/src/routes/reference/jsx-attributes/classlist.mdx
+++ b/src/routes/reference/jsx-attributes/classlist.mdx
@@ -14,7 +14,7 @@ description: >-
   Toggle element classes from an object of class names and boolean values.
 ---
 
-:::warning
+:::caution
 `className` was deprecated in Solid 1.4 in favor of `class`.
 :::