From 5ac61e4d8d4d75bcfd0627132666ad4d76a4c515 Mon Sep 17 00:00:00 2001
From: TimMikeladze <tim.mikeladze@gmail.com>
Date: Thu, 29 Dec 2022 01:01:14 -0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20theme=20toggle?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

theme toggle

🐛 Bugfix
---
 src/components/ThemeModeToggle.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/ThemeModeToggle.tsx b/src/components/ThemeModeToggle.tsx
index 701055e..2f2c352 100644
--- a/src/components/ThemeModeToggle.tsx
+++ b/src/components/ThemeModeToggle.tsx
@@ -1,7 +1,6 @@
 import { useColorScheme } from '@mui/joy/styles';
-import Button from '@mui/joy/Button';
 import { useEffect, useState } from 'react';
-import { IconButton, IconButtonProps } from '@mui/joy';
+import { IconButton, Button, IconButtonProps } from '@mui/joy';
 import { DarkModeTwoTone, LightModeTwoTone } from '@mui/icons-material';
 
 const ThemeModeToggle = (props: IconButtonProps) => {
@@ -14,7 +13,7 @@ const ThemeModeToggle = (props: IconButtonProps) => {
 
   if (!mounted) {
     // to avoid layout shift, render a placeholder button
-    return <Button variant="outlined" color="neutral" />;
+    return <Button variant="plain" />;
   }
 
   return (