Fix caching errors

src/components/Header/styles/LogQuery.module.css

@@ -36,9 +36,6 @@
   }
 
   .intervalbtn {
-	/* display: flex; */
-	/* justify-content: center; */
-	/* align-items: center; */
 	background-color: white;
 	color: var(--mantine-color-gray-7);
 	border: 1px #e9ecef solid;

src/pages/Stream/components/PrimaryToolbar.tsx

@@ -15,7 +15,7 @@ import _ from 'lodash';
 import StreamingButton from '@/components/Header/StreamingButton';
 import { useLogsStore, logsStoreReducers } from '../providers/LogsProvider';
 import { filterStoreReducers, useFilterStore } from '../providers/FilterProvider';
-import classes from '../../../components/Header/styles/LogQuery.module.css';
+import classes from './styles/PrimaryToolbar.module.css'
 
 const { toggleDeleteModal } = logsStoreReducers;
 const { toggleSavedFiltersModal } = filterStoreReducers;
@@ -30,14 +30,16 @@ const MaximizeButton = () => {
 
 const SavedFiltersButton = () => {
 	const [_store, setLogsStore] = useFilterStore((_store) => null);
-	const { intervalbtn } = classes;
+	const onClick = useCallback(() => setLogsStore((store) => toggleSavedFiltersModal(store, true)), []);
 	return (
-		<Button 
-			className={intervalbtn} h="100%" 
-			leftSection={<IconFilterHeart size={px('1rem')} stroke={1.5} />} 
-			onClick={useCallback(() => setLogsStore((store) => toggleSavedFiltersModal(store, true)), [])}>
+		<Button
+			className={classes.savedFiltersBtn}
+			h="100%"
+			leftSection={<IconFilterHeart size={px('1rem')} stroke={1.5} />}
+			onClick={onClick}>
 			Saved Filters
-		</Button>);
+		</Button>
+	);
 };
 
 const DeleteStreamButton = () => {

src/pages/Stream/components/styles/PrimaryToolbar.module.css

@@ -0,0 +1,14 @@
+.savedFiltersBtn {
+	background-color: white;
+	color: var(--mantine-color-gray-7);
+	border: 1px #e9ecef solid;
+    border-radius: rem(8px);
+	font-size: 0.65rem;
+	&:hover {
+		color: black;
+	}
+  }
+
+  .savedFiltersBtn:hover {
+    background-color: #E0E0E0;
+  }