From 52c6e8b0ccf32988f41623f6e69c33d259a5335d Mon Sep 17 00:00:00 2001
From: "deepsource-autofix[bot]"
 <62050782+deepsource-autofix[bot]@users.noreply.github.com>
Date: Fri, 7 Jul 2023 15:57:40 +0000
Subject: [PATCH] refactor: remove unnecessary computed property keys in object

It's unnecessary to use computed properties with literals such as:
---
 src/components/Navbar/styles.tsx | 4 ++--
 src/pages/Logs/styles.tsx        | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/Navbar/styles.tsx b/src/components/Navbar/styles.tsx
index e016296f..ef2ed85a 100644
--- a/src/components/Navbar/styles.tsx
+++ b/src/components/Navbar/styles.tsx
@@ -28,10 +28,10 @@ export const useNavbarStyles = createStyles((theme) => {
 		selectStreambtn:{
 			'.mantine-Select-item[data-selected="true"]':{
 				background:pColor,
-				["&:hover"]:{background:sColor,color:white}
+				"&:hover":{background:sColor,color:white}
 			},
 			'.mantine-Select-item':{
-				["&:hover"]:{color:sColor}
+				"&:hover":{color:sColor}
 				
 			}
 
diff --git a/src/pages/Logs/styles.tsx b/src/pages/Logs/styles.tsx
index 05bcfa60..e8e8427e 100644
--- a/src/pages/Logs/styles.tsx
+++ b/src/pages/Logs/styles.tsx
@@ -157,17 +157,17 @@ export const useLogTableStyles = createStyles((theme) => {
 		},
 
 		paginationRow: {
-			[".mantine-Pagination-control"]: {
+			".mantine-Pagination-control": {
 				'&:hover': {
 
 					color: sColor,
 					
 				},
-				['&:data-active=true']: {
+				'&:data-active=true': {
 					color: pColor
 				}
 			},
-			[".mantine-Pagination-control[data-active=true]"]: {
+			".mantine-Pagination-control[data-active=true]": {
 				background: pColor,
 				'&:hover': {
 					backgroundColor: sColor,