fix field on sidepanel

Shared data

src/pages/digitalId/ProfileId.jsx

@@ -285,14 +285,14 @@ function Profile () {
                     </div>
                   </div>
                   {/* Remove panel */}
-                  <div className={`${!removePanelOpen && 'hidden'} bg-white p-5 pb-[190px] shadow-lg rounded-sm border border-slate-200 lg:w-72 xl:w-80 mb-12`}>
+                  <div className={`${!removePanelOpen && 'hidden'} bg-white px-5 pt-4 pb-[190px] shadow-lg rounded-sm border border-slate-200 lg:w-72 xl:w-80 mb-12`}>
-                    <h2 className="grow text-base font-semibold text-slate-800 truncate mb-2.5">Summary</h2>
+                    <h2 className="grow text-base font-semibold text-slate-800 truncate mb-2">Summary</h2>
                     <div className="flex flex-col">
                       {userData.filter(({ id }) => selectedItems.includes(id)).map(item => (
                         <span key={item.id} className="text-sm font-normal text-slate-600 py-3 border-b border-slate-200">{item.property}</span>
                       ))}
                     </div>
-                    <div className="flex flex-row justify-between pt-[16px] pb-[23px] items-center">
+                    <div className="flex flex-row justify-between pt-[16px] pb-7 items-center">
                       <span className="block text-sm font-medium">On blockchain too</span>
                       <div className="flex items-center">
                         <div className="form-switch">
@@ -351,7 +351,7 @@ function Profile () {
                         <span className="font-medium text-slate-700 text-right">IT17 2207 1010 0504 0006 88</span>
                       </div>
                       <div className="flex justify-between space-x-1">
-                        <span className="italic">Transacion::</span>
+                        <span className="italic">Transaction:</span>
                         <span className="font-medium text-slate-700 text-right">145 bytes</span>
                       </div>
                     </div>

src/partials/digitalId/ProfileTableItem.jsx

@@ -90,7 +90,7 @@ function ProfileTableItem(props) {
           </td>
       </tr>
       <tr className={`${!descriptionOpen && 'hidden'} ${props.status !== 'Progress' || 'bg-[#eaf0f6]'}` }>
-        <td colSpan="10" className="px-12 py-3.5">
+        <td colSpan="10" className="px-12 pt-3.5 pb-[14px]">
           <div className="flex items-center gap-x-5">
             <div>
               <label className="block text-sm font-medium mb-1" htmlFor="placeholder">Seed</label>
@@ -102,7 +102,7 @@ function ProfileTableItem(props) {
             </div>
           </div>
           {/* Progress validation bar */}
-          <div className="pt-[18px] pb-8">
+          <div className="pt-[18px]">
             <div className="h-full max-w-md w-full flex flex-row">
               <div className="w-32 shrink-0">
                 <h2 className="text-xl leading-snug font-bold text-slate-800 xl:leading-7 mb-4 xl:mb-0">Today</h2>