diff --git a/hdyc-svelte/src/lib/components/ScientificNotationValue.svelte b/hdyc-svelte/src/lib/components/ScientificNotationValue.svelte
index 70fee25..a42cf22 100644
--- a/hdyc-svelte/src/lib/components/ScientificNotationValue.svelte
+++ b/hdyc-svelte/src/lib/components/ScientificNotationValue.svelte
@@ -15,8 +15,7 @@
   <span class={`scientific-notation ${className}`.trim()}>
     <span class="scientific-base">{scientific.base}</span>
     <span class="scientific-suffix">
-      ×10
-      <span class="scientific-exponent">{scientific.exponent}</span>
+      ×10<sup>{scientific.exponent}</sup>
     </span>
   </span>
 {:else}
@@ -34,15 +33,14 @@
   }
 
   .scientific-suffix {
-    display: inline-block;
+    display: inline-flex;
+    align-items: baseline;
+    gap: 0.15rem;
     font-size: 0.85em;
   }
 
-  .scientific-exponent {
-    display: inline-block;
+  .scientific-suffix sup {
     font-size: 0.75em;
-    line-height: 1;
     vertical-align: super;
-    margin-left: 0.1rem;
   }
 </style>