Update icons

src/components/ui/sidebar.tsx

@@ -1,12 +1,12 @@
 import { Box, Tooltip } from '@mantine/core';
-import { IconImageInPicture } from '@tabler/icons-react';
+import { IconPlayerPlay } from '@tabler/icons-react';
 import { useSetAtom } from 'jotai';
 import { useEffect, useState } from 'react';
 import { onNextBackgroundAtom } from '~/atoms';
 import { FavoriteBackground } from '../widgets/favorite-background';
 import { Settings } from '../widgets/settings';
-import style from './sidebar.module.css';
 import { WeatherWidget } from '../widgets/weather-widget';
+import style from './sidebar.module.css';
 
 type SidebarProps = {
   categories?: string[];
@@ -46,7 +46,7 @@ export function Sidebar({ categories, activeCategory, selectCategory }: SidebarP
       </div>
       <div className={style.SettingsWrapper}>
         <Tooltip withArrow label="Next Image">
-          <IconImageInPicture size={18} onClick={() => onNextBackground()} />
+          <IconPlayerPlay size={18} onClick={() => onNextBackground()} />
         </Tooltip>
         <FavoriteBackground />
         <Tooltip withArrow label="Settings">

src/components/widgets/settings.tsx

@@ -29,7 +29,7 @@ export function Settings(props: SettingsProps) {
   return (
     <div className={props.className}>
       <Tooltip label="Settings" withArrow>
-        <IconSettings onClick={open} size={24} />
+        <IconSettings onClick={open} size={18} />
       </Tooltip>
 
       <Modal