update secret key input styles

Author: javiert-okta

src/features/decoder/components/secret-key-input.component.tsx

@@ -162,13 +162,6 @@ export const SecretKeyInputComponent: React.FC<
             />
           </CardToolbarComponent>
         ),
-        footer: isHmacAlg(alg$) ? (
-          <TokenDecoderEncodingFormatPickerComponent
-            languageCode={languageCode}
-          />
-        ) : (
-          <TokenDecoderKeyFormatPickerComponent languageCode={languageCode} />
-        ),
       }}
     >
       {isHmacAlg(alg$) && (

src/features/decoder/components/secret-key-input.module.scss

@@ -14,17 +14,17 @@
 }
 
 .grid__subtitle {
-  grid-column: 1 / -1;
-  display: flex;
-  align-items: center;
-  gap: 0.25rem;
-  text-transform: uppercase;
-  padding: 0.5rem 0;
-  color: var(--color_fg_default);
-  font-size: 0.875rem;
-  line-height: 1.375rem;
-  font-weight: 500;
-  letter-spacing: 0.24px;
+    grid-column: 1/-1;
+    display: flex;
+    align-items: center;
+    gap: .25rem;
+    font-family: var(--font-primary);
+    padding-top: .75rem;
+    color: var(--color_fg_default);
+    font-size: 1rem;
+    line-height: 1.15rem;
+    font-weight: 700;
+    letter-spacing: -.2px;
 
   & * {
     font-size: inherit;