fix matches table styles

src/app/styles/variable.scss

@@ -11,6 +11,7 @@ $bg-hover: #e9ecef;
 $bg-light: #f8f9ff;
 $bg-darkening: #0000007a;
 $shadow-1: #0000001a;
+$shadow-2: #8686861a;
 $white: #fff;
 $black: #000;
 $red: #dc2626;

src/app/styles/violation-details.scss

@@ -180,7 +180,7 @@
 		display: grid;
 		grid-template-columns: 1fr 3fr;
 		gap: 10px;
-		height: 80vh;
+		height: 81vh;
 		margin-bottom: 20px;
 
 		@media (max-width: 980px) {
@@ -202,7 +202,7 @@
 				background: #fff;
 				border: 1px solid #f3f4f6;
 				border-radius: 20px;
-				box-shadow: 0 4px 20px #0000001a;
+				box-shadow: 0px 1px 0 2px v.$shadow-2;
 
 
 
@@ -221,7 +221,7 @@
 
 				&:hover {
 					transform: translateY(-2px);
-					box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
+					/* box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1); */
 					border-color: #cbd5e1;
 				}
 
@@ -1107,13 +1107,3 @@
 	padding: 16px 20px;
 	border-top: 1px solid v.$border-color-1;
 }
-
-/* .btn-secondary {
-	background: #6c757d;
-	color: v.$white;
-	border: none;
-}
-
-.btn-secondary:hover {
-	background: #5a6268;
-} */