diff --git a/music_metadata/edi/fields.py b/music_metadata/edi/fields.py
index b3d975e..9b1e599 100644
--- a/music_metadata/edi/fields.py
+++ b/music_metadata/edi/fields.py
@@ -45,15 +45,18 @@ def to_html(self, value, label='', error=None):
             edi_value = value
             verbose_value = value
         descriptive_label = label.replace('_', ' ')
+        classes = self.__class__.__name__ + ' '
+        classes += ' '.join(c.__name__ for c in self.__class__.__bases__)
+        classes = classes.lower()
         if error:
             error = html.escape(str(error))
             return (
-                f'<span class="field { label } invalid" '
+                f'<span class="field { classes } { label } invalid" '
                 f'title ="{ descriptive_label }: { verbose_value }\n'
                 f'ERROR: { error }">{ edi_value }</span>')
         else:
             return (
-                f'<span class="field { label }" title ="{ descriptive_label }:'
+                f'<span class="field { classes } { label }" title ="{ descriptive_label }:'
                 f' { verbose_value }">{ edi_value }</span>')
 
 
diff --git a/music_metadata/edi/records.py b/music_metadata/edi/records.py
index 1ac666d..c2f71d7 100644
--- a/music_metadata/edi/records.py
+++ b/music_metadata/edi/records.py
@@ -104,7 +104,7 @@ def labels(self):
         return self.get_fields().keys()
 
     def to_html(self):
-        classes = f'record { self.type }'
+        classes = f'record { self.type.lower() }'
         if not self.valid:
             classes += ' invalid'
         output = f'<span class="{ classes }">'
diff --git a/setup.py b/setup.py
index 37c9dba..911c099 100644
--- a/setup.py
+++ b/setup.py
@@ -5,7 +5,7 @@
 
 setuptools.setup(
     name="music_metadata_edi",
-    version="19a4",
+    version="19a5",
     author="Matija Kolarić",
     author_email="matijakolaric@users.noreply.github.com",
     description="Music Metedata - EDI-based formats",