diff --git a/apps/artboard/src/pages/artboard.tsx b/apps/artboard/src/pages/artboard.tsx
index c48091093..bf7a70930 100644
--- a/apps/artboard/src/pages/artboard.tsx
+++ b/apps/artboard/src/pages/artboard.tsx
@@ -1,4 +1,3 @@
-import { sanitize } from "@reactive-resume/utils";
 import { useEffect, useMemo } from "react";
 import { Helmet } from "react-helmet-async";
 import { Outlet } from "react-router";
@@ -64,7 +63,7 @@ export const ArtboardPage = () => {
         <title>{name} | Reactive Resume</title>
         {metadata.css.visible && (
           <style id="custom-css" lang="css">
-            {sanitize(metadata.css.value)}
+            {metadata.css.value}
           </style>
         )}
       </Helmet>
diff --git a/libs/utils/src/namespaces/string.ts b/libs/utils/src/namespaces/string.ts
index cbcf38828..aad8be337 100644
--- a/libs/utils/src/namespaces/string.ts
+++ b/libs/utils/src/namespaces/string.ts
@@ -63,6 +63,8 @@ export const sanitize = (html: string, options?: sanitizeHtml.IOptions) => {
     allowedAttributes: {
       ...options?.allowedAttributes,
       "*": ["class", "style"],
+      "a": ["href", "target"],
+      "img": ["src", "alt"],
     },
     allowedStyles: {
       ...options?.allowedStyles,