diff --git a/ui/src/components/Address.vue b/ui/src/components/Address.vue
index 80148bd..edec674 100644
--- a/ui/src/components/Address.vue
+++ b/ui/src/components/Address.vue
@@ -60,29 +60,29 @@ export default defineComponent({
 });
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .address {
   font-family: var(--monospace-font);
   display: flex;
   align-items: center;
-}
 
-.address,
-.address a {
-  line-break: anywhere;
-}
+  &,
+  & a {
+    line-break: anywhere;
+  }
 
-.address.identified {
-  font-family: var(--default-font);
-  font-size: 0.95em;
-  line-break: auto;
-}
+  &.identified {
+    font-family: var(--default-font);
+    font-size: 0.95em;
+    line-break: auto;
+  }
 
-.hash-badge {
-  margin-right: 0.5em;
-}
+  .hash-badge {
+    margin-right: 0.5em;
+  }
 
-.label {
-  flex-grow: 1;
+  .label {
+    flex-grow: 1;
+  }
 }
 </style>