fix toggle switch styles

Author: javiert-okta

src/features/decoder/components/encoding-format-toggle-swith/encoding-format-toggle-switch.module.scss

@@ -1,11 +1,14 @@
 @use "@/libs/theme/styles/variables" as *;
 
-.encoder_switch {
+.base_switch {
   display: flex;
-  width: 100%;
   justify-content: flex-end;
 }
 
+.encoder {
+  width: 100%;
+}
+
 .container {
     display: flex;
     align-items: center;

src/features/decoder/components/encoding-format-toggle-swith/encoding-format-toggle-switch.tsx

@@ -40,7 +40,7 @@ export const EncodingFormatToggleSwitchComponent: React.FC<
   };
 
   return (
-    <div className={styles.encoder_switch}>
+    <div className={clsx(styles.base_switch, isEncoding && styles.encoder)}>
       <div className={styles.container}>
         <div className={styles.label}>
           <span className={styles.fullLabel}>Base64URL Encoded?</span>