diff --git a/lib/assets/icons/ArrowDownIcon.tsx b/lib/assets/icons/ArrowDownIcon.tsx
index 5939247..c62184b 100644
--- a/lib/assets/icons/ArrowDownIcon.tsx
+++ b/lib/assets/icons/ArrowDownIcon.tsx
@@ -22,7 +22,7 @@ export default function ArrowDownIcon(
             }}
         >
             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-                <path d="M19.5 9L12 16.5L4.5 9" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+                <path d="M19.5 9L12 16.5L4.5 9" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
             </svg>
         </Box>
     );
diff --git a/lib/components/ViewPublicationPage/tools/Select.tsx b/lib/components/ViewPublicationPage/tools/Select.tsx
index 3795f24..db04121 100644
--- a/lib/components/ViewPublicationPage/tools/Select.tsx
+++ b/lib/components/ViewPublicationPage/tools/Select.tsx
@@ -88,6 +88,9 @@ export const Select = ({
             height: "48px",
             borderRadius: "10px",
           },
+          "& .MuiSelect-icon": {
+          color: theme.palette.primary.main
+          }
         }}
         MenuProps={{
           PaperProps: {
@@ -106,7 +109,7 @@ export const Select = ({
               flexDirection: "column",
               gap: "8px",
               "& .Mui-selected": {
-                backgroundColor: theme.palette.background.default,
+                backgroundColor: "#F2F3F7",
                 color: colorMain,
               },
             },
@@ -114,7 +117,7 @@ export const Select = ({
         }}
         inputProps={{
           sx: {
-            color: colorMain,
+            color: theme.palette.text.primary,
             display: "block",
             px: "9px",
             gap: "20px",