diff --git a/packages/frontend/src/components/icon-button-menu/icon-button-menu.tsx b/packages/frontend/src/components/icon-button-menu/icon-button-menu.tsx
index f4b3d9e6c..83710becd 100644
--- a/packages/frontend/src/components/icon-button-menu/icon-button-menu.tsx
+++ b/packages/frontend/src/components/icon-button-menu/icon-button-menu.tsx
@@ -58,7 +58,7 @@ const TooltipIcon = forwardRef(
 export const IconButtonMenu = ({
   'aria-label': ariaLabel,
   bg,
-  color = 'black',
+  color,
   children,
   icon,
   fontSize,
diff --git a/packages/frontend/src/components/like-button/like-button.tsx b/packages/frontend/src/components/like-button/like-button.tsx
index eb9b0b9be..907f16af5 100644
--- a/packages/frontend/src/components/like-button/like-button.tsx
+++ b/packages/frontend/src/components/like-button/like-button.tsx
@@ -46,7 +46,7 @@ export const LikeButton = ({ disabled, label, likeCount, liked, onLike, size }:
       icon={liked ? iconFactoryAs('heartFilled') : iconFactoryAs('heart')}
       number={likeCount}
       onClick={onClick}
-      color={liked ? 'aurora.100' : 'polar.600'}
+      color={liked ? 'aurora.100' : 'unset'}
       isLoading={saving}
       isDisabled={disabled || !loggedIn}
       size={size}
diff --git a/packages/frontend/src/pages/help-page/components/help-sidebar/help-sidebar.tsx b/packages/frontend/src/pages/help-page/components/help-sidebar/help-sidebar.tsx
index 032827c3a..c8ba0fe43 100644
--- a/packages/frontend/src/pages/help-page/components/help-sidebar/help-sidebar.tsx
+++ b/packages/frontend/src/pages/help-page/components/help-sidebar/help-sidebar.tsx
@@ -95,7 +95,7 @@ const SidebarContent = ({ links }) => {
 
 export const HelpSidebar = ({ links, headerTitle, ...props }: Props & BoxProps) => {
   const { isOpen, onOpen, onClose } = useDisclosure();
-  const backgroundColor = useColorModeValue('nord.100', '#555');
+  const backgroundColor = useColorModeValue('nord.100', 'polar.100');
 
   return (
     <>
diff --git a/packages/frontend/src/pages/main-page/components/header/components/news-drawer/components/news-drawer-contents/news-drawer-contents.tsx b/packages/frontend/src/pages/main-page/components/header/components/news-drawer/components/news-drawer-contents/news-drawer-contents.tsx
index 4b15d153c..1aa81262e 100644
--- a/packages/frontend/src/pages/main-page/components/header/components/news-drawer/components/news-drawer-contents/news-drawer-contents.tsx
+++ b/packages/frontend/src/pages/main-page/components/header/components/news-drawer/components/news-drawer-contents/news-drawer-contents.tsx
@@ -34,7 +34,7 @@ import { appSlice } from '../../../../../../../../store/app.slice';
 import { NewsItem } from '../news-item/news-item';
 
 export const NewsDrawerContents = () => {
-  const backgroundColor = useColorModeValue('nord.100', '#555');
+  const backgroundColor = useColorModeValue('nord.100', 'polar.100');
 
   const toast = useToast();
   const dispatch = useDispatch();
diff --git a/packages/frontend/src/pages/main-page/main-page.tsx b/packages/frontend/src/pages/main-page/main-page.tsx
index 7af603265..49be04ae5 100644
--- a/packages/frontend/src/pages/main-page/main-page.tsx
+++ b/packages/frontend/src/pages/main-page/main-page.tsx
@@ -45,7 +45,7 @@ export const MainPage = () => {
 
   const { export: isExport, print: isPrint } = useSimpleSearchParams<{ export?: string; print?: string }>();
 
-  const backgroundColor = useColorModeValue('nord.100', '#555');
+  const backgroundColor = useColorModeValue('nord.100', 'polar.100');
 
   if (isExport !== undefined) {
     return (
diff --git a/packages/frontend/src/shared/icon-factory.tsx b/packages/frontend/src/shared/icon-factory.tsx
index ce31fa586..73058805d 100644
--- a/packages/frontend/src/shared/icon-factory.tsx
+++ b/packages/frontend/src/shared/icon-factory.tsx
@@ -206,5 +206,5 @@ export const iconFactory = (key: string): IconType => {
 };
 
 export const iconFactoryAs = (key: string, props = {}): ReactElement => {
-  return <Icon as={iconFactory(key)} {...props} />;
+  return <Icon as={iconFactory(key)} {...props} sx={{ path: { stroke: 'unset' } }} />;
 };