1 files changed, 16 insertions, 14 deletions
diff --git a/src/tools/ipv4-range-expander/result-row.vue b/src/tools/ipv4-range-expander/result-row.vue
index b1782fe..efa0b64 100644
--- a/src/tools/ipv4-range-expander/result-row.vue
+++ b/src/tools/ipv4-range-expander/result-row.vue
@@ -1,18 +1,6 @@
-<template>
-  <tr>
-    <td>
-      <n-text strong>{{ label }}</n-text>
-    </td>
-    <td :data-test-id="testId + '.old'"><span-copyable :value="oldValue" class="monospace" /></td>
-    <td :data-test-id="testId + '.new'">
-      <span-copyable :value="newValue"></span-copyable>
-    </td>
-  </tr>
-</template>
-
 <script setup lang="ts">
-import SpanCopyable from '@/components/SpanCopyable.vue';
 import _ from 'lodash';
+import SpanCopyable from '@/components/SpanCopyable.vue';
 
 const props = withDefaults(defineProps<{ label: string; oldValue?: string; newValue?: string }>(), {
   label: '',
@@ -24,4 +12,18 @@ const { label, oldValue, newValue } = toRefs(props);
 const testId = computed(() => _.kebabCase(label.value));
 </script>
 
-<style scoped lang="less"></style>
+<template>
+  <tr>
+    <td>
+      <n-text strong>
+        {{ label }}
+      </n-text>
+    </td>
+    <td :data-test-id="`${testId}.old`">
+      <SpanCopyable :value="oldValue" class="monospace" />
+    </td>
+    <td :data-test-id="`${testId}.new`">
+      <SpanCopyable :value="newValue" />
+    </td>
+  </tr>
+</template>