fixed size

app/Components/Global/Information/information.tsx

@@ -15,7 +15,7 @@ export default function Information(props: InformationProps) {
         {entries.map(([key, value]) => (
           <li key={key} className="informationItem">
             <span className="informationKey">{key}</span>
-            <span className="informationValue">{value}</span>
+            <span className={`informationValue ${key}`}>{value}</span>
           </li>
         ))}
       </ul>

app/Components/Global/table.module.css

@@ -44,9 +44,11 @@
   margin-right: 6px;
   vertical-align: middle;
 }
-@media(max-height:550px) {
+
+@media(max-height:800px) {
   .tableContainer {
     margin-top: 1.5rem;
+    max-width: 320px;
   }
 }