diff --git a/src/ag-chart.c b/src/ag-chart.c
index b88c74a..af7c1fd 100644
--- a/src/ag-chart.c
+++ b/src/ag-chart.c
@@ -1737,7 +1737,7 @@ ag_chart_create_svg(AgChart *chart, gsize *length, GError **err)
                 G_ENUM_CLASS(aspects_class),
                 gswe_aspect_data_get_aspect(aspect_data)
             );
-        xmlNewProp(node, BAD_CAST "type", BAD_CAST enum_value->value_name);
+        xmlNewProp(node, BAD_CAST "type", BAD_CAST enum_value->value_nick);
     }
 
     g_type_class_unref(aspects_class);
diff --git a/src/resources/ui/chart-default.css b/src/resources/ui/chart-default.css
index abadf5f..d7b93aa 100644
--- a/src/resources/ui/chart-default.css
+++ b/src/resources/ui/chart-default.css
@@ -70,3 +70,61 @@ path.planet-symbol {
     fill: none;
     stroke: #000080;
 }
+
+line.aspect {
+    stroke-width: 1;
+    stroke: #000000;
+    stroke-dasharray: 1,2;
+}
+
+line.aspect-conjuction {
+    stroke-width: 5;
+    stroke: #00cc00;
+    stroke-opacity: 0.5;
+}
+
+line.aspect-sextile {
+    stroke-width: 1
+    stroke: #00cc00;
+    stroke-dasharray: none;
+}
+
+line.aspect-square {
+    stroke: #c00000;
+    stroke-dasharray: none;
+}
+
+line.aspect-trine {
+    stroke: #000080;
+    stroke-dasharray: none;
+}
+
+line.aspect-opposition {
+    stroke: #c00000;
+    stroke-dasharray: 5,5;
+}
+
+line.aspect-semisextile {
+    stroke: #00cc00;
+}
+
+line.aspect-semisquare {
+    stroke: #cc0000;
+    stroke-dasharray: 9,3;
+}
+
+line.aspect-quintile {
+    stroke: #00cc00;
+    stroke-dasharray: 9,3;
+}
+
+line.aspect-sesquisquare {
+}
+
+line.aspect-biquintile {
+    stroke: #00cc00;
+}
+
+line.aspect-quincunx {
+    stroke: #cc0000;
+}
diff --git a/src/resources/ui/chart-default.xsl b/src/resources/ui/chart-default.xsl
index 4913f5b..2f5a818 100644
--- a/src/resources/ui/chart-default.xsl
+++ b/src/resources/ui/chart-default.xsl
@@ -643,7 +643,8 @@
                                 <xsl:variable name="x2" select="$r_aspect * math:cos($rad2)"/>
                                 <xsl:variable name="y2" select="$r_aspect * -math:sin($rad2)"/>
 
-                                <line style="stroke-width:1;stroke:#000000;stroke-dasharray:20,10">
+                                <line class="aspect">
+                                    <xsl:attribute name="class"><xsl:value-of select="concat('aspect aspect-', @type)"/></xsl:attribute>
                                     <xsl:attribute name="x1"><xsl:value-of select="$x1"/></xsl:attribute>
                                     <xsl:attribute name="y1"><xsl:value-of select="$y1"/></xsl:attribute>
                                     <xsl:attribute name="x2"><xsl:value-of select="$x2"/></xsl:attribute>