diff --git a/src/frontend/package-lock.json b/src/frontend/package-lock.json
index 4b7498d67..63482c0c7 100644
--- a/src/frontend/package-lock.json
+++ b/src/frontend/package-lock.json
@@ -836,6 +836,7 @@
     },
     "node_modules/@clack/prompts/node_modules/is-unicode-supported": {
       "version": "1.3.0",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
       "engines": {
diff --git a/src/frontend/src/icons/Novita/index.tsx b/src/frontend/src/icons/Novita/index.tsx
index 1842b689e..958b0637a 100644
--- a/src/frontend/src/icons/Novita/index.tsx
+++ b/src/frontend/src/icons/Novita/index.tsx
@@ -1,3 +1,4 @@
+import { useDarkStore } from "@/stores/darkStore";
 import React, { forwardRef } from "react";
 import SvgNovita from "./novita";
 
@@ -5,5 +6,7 @@ export const NovitaIcon = forwardRef<
   SVGSVGElement,
   React.PropsWithChildren<{}>
 >((props, ref) => {
-  return <SvgNovita ref={ref} {...props} />;
+  const isdark = useDarkStore((state) => state.dark).toString();
+
+  return <SvgNovita ref={ref} {...props} isdark={isdark} />;
 });
diff --git a/src/frontend/src/icons/Novita/novita.jsx b/src/frontend/src/icons/Novita/novita.jsx
index e88caa236..479cd5e47 100644
--- a/src/frontend/src/icons/Novita/novita.jsx
+++ b/src/frontend/src/icons/Novita/novita.jsx
@@ -1,28 +1,17 @@
 const SvgNovita = (props) => (
   <svg
-    width="188"
-    height="188"
-    viewBox="0 0 188 188"
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
+    width="30px"
+    height="30px"
+    fill="currentColor"
+    fillRule="evenodd"
+    style={{ flex: "none", lineHeight: "1" }}
+    viewBox="0 0 24 24"
   >
-    <rect width="188" height="188" fill="white" />
-    <g clip-path="url(#clip0_1987_17498)">
-      <path
-        d="M71.8103 36V80.3795L0 152.19H71.8103V107.808L116.194 152.19H188L71.8103 36Z"
-        fill="black"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_1987_17498">
-        <rect
-          width="188"
-          height="116.19"
-          fill="white"
-          transform="translate(0 36)"
-        />
-      </clipPath>
-    </defs>
+    <path
+      d="M9.167 4.17v5.665L0 19.003h9.167v-5.666l5.666 5.666H24z"
+      clipRule="evenodd"
+    ></path>
   </svg>
 );
 export default SvgNovita;
diff --git a/src/frontend/src/icons/Novita/novita.svg b/src/frontend/src/icons/Novita/novita.svg
index f94303c83..353f00777 100644
--- a/src/frontend/src/icons/Novita/novita.svg
+++ b/src/frontend/src/icons/Novita/novita.svg
@@ -1,11 +1 @@
-<svg width="188" height="188" viewBox="0 0 188 188" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="188" height="188" fill="white"/>
-<g clip-path="url(#clip0_1987_17498)">
-<path d="M71.8103 36V80.3795L0 152.19H71.8103V107.808L116.194 152.19H188L71.8103 36Z" fill="black"/>
-</g>
-<defs>
-<clipPath id="clip0_1987_17498">
-<rect width="188" height="116.19" fill="white" transform="translate(0 36)"/>
-</clipPath>
-</defs>
-</svg>
+<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Novita AI</title><path clip-rule="evenodd" d="M9.167 4.17v5.665L0 19.003h9.167v-5.666l5.666 5.666H24L9.167 4.17z"></path></svg>
\ No newline at end of file