diff --git a/app/packages/app/src/components/QueryPerformanceToast.tsx b/app/packages/app/src/components/QueryPerformanceToast.tsx
index 50923c7314..c3d49bebf9 100644
--- a/app/packages/app/src/components/QueryPerformanceToast.tsx
+++ b/app/packages/app/src/components/QueryPerformanceToast.tsx
@@ -21,7 +21,7 @@ const hideQueryPerformanceToast = atom({
 });
 
 const QueryPerformanceToast = () => {
-  const [shown, setShown] = useState(true);
+  const [shown, setShown] = useState(false);
   const [disabled, setDisabled] = useRecoilState(hideQueryPerformanceToast);
   const element = document.getElementById("queryPerformance");
   const theme = useTheme();
diff --git a/app/packages/components/src/components/ThemeProvider/index.tsx b/app/packages/components/src/components/ThemeProvider/index.tsx
index 12eec9c116..c127702cb2 100644
--- a/app/packages/components/src/components/ThemeProvider/index.tsx
+++ b/app/packages/components/src/components/ThemeProvider/index.tsx
@@ -93,8 +93,8 @@ let theme = extendMuiTheme({
         custom: {
           shadow: "hsl(200, 0%, 90%)",
           shadowDark: "hsl(200, 0%, 70%)",
-          lightning: "#f5b700",
-          toastBackgroundColor: "#333",
+          lightning: "hsl(25, 100%, 51%)",
+          toastBackgroundColor: "#FFFFFF",
         },
         voxel: {
           500: "#FF6D04",