update styles for token decoder signature component

Author: javiert-okta

src/features/decoder/components/token-decoder-signature-validation.component.tsx

@@ -5,6 +5,7 @@ import { clsx } from "clsx";
 import { useDecoderStore } from "@/features/decoder/services/decoder.store";
 import { JwtSignatureStatusValues } from "@/features/common/values/jwt-signature-status.values";
 import { CardMessageComponent } from "@/features/common/components/card-message/card-message.component";
+import { CheckIcon } from "@/features/common/components/icons/check/check-icon";
 
 interface TokenDecoderSignatureValidationComponentProps {
   id: string;
@@ -35,6 +36,7 @@ export const TokenDecoderSignatureValidationComponent: React.FC<
         role="status"
         className={clsx(styles.container, styles.valid)}
       >
+        <CheckIcon />
         {StringValues.editor.signatureVerified}
       </div>
     );

src/features/decoder/components/token-decoder-signature-validation.module.scss

@@ -1,12 +1,15 @@
 @use "@/libs/theme/styles/variables" as *;
 
 .container {
+  flex: 1 1;
   display: flex;
-  flex-direction: column;
-  transition: background-color 0.13s ease-in-out;
-  padding: 0.5rem 1rem;
+  align-items: center;
+  justify-content: flex-start;
+  padding: .75rem .75rem .5rem;
+  gap: .25rem;
   font-size: .875rem;
-  line-height: 1.125rem;
+  line-height: 1.375rem;
+  color: var(--color_fg_default);
 }
 
 .valid {