chore: Reduce opacity of highlighted bg for codes, adjust padding

lib/medical_transcription_web/components/components.ex

@@ -158,9 +158,9 @@ defmodule MedicalTranscriptionWeb.Components do
 
       <div class="w-1 h-full border-l border-[#444444]/20"></div>
       <div
-        class={"flex flex-col gap-1 font-secondary text-type-black-primary ml-4 p-1 rounded
-          #{if @weighting == :positive, do: "bg-emerald-200"}
-          #{if @weighting == :negative, do: "bg-red-200"}
+        class={"flex flex-col gap-1 font-secondary text-type-black-primary ml-4 px-2 py-1 rounded
+          #{if @weighting == :positive, do: "bg-emerald-200/40"}
+          #{if @weighting == :negative, do: "bg-red-200/40"}
         "}
         title={"Similarity score: #{trunc(@score * 100) / 100}"}
       >