diff --git a/app/assets/javascripts/supplier/app/templates/modals/add_section_element.emblem b/app/assets/javascripts/supplier/app/templates/modals/add_section_element.emblem
index fe4ff1ba..bfbcf948 100644
--- a/app/assets/javascripts/supplier/app/templates/modals/add_section_element.emblem
+++ b/app/assets/javascripts/supplier/app/templates/modals/add_section_element.emblem
@@ -1,7 +1,8 @@
-p Add those elements!
-ul
-  each svg_element in svg_elements
-    li: a{action "addSectionElement" svg_element}= svg_element.name
-
+if svg_element.isLoading
+  span.fa.fa-2x.fa-spinner.fa-spin
+else
+  ul.add-section-element-list
+    each svg_element in svg_elements
+      li: a{action "addSectionElement" svg_element}= svg svg_element.svg
 hr
 button.modal-close{action "close"}=t 'section.add_section.modal.close_button'
diff --git a/app/assets/stylesheets/supplier/foundation1/_qconstants.css.sass b/app/assets/stylesheets/supplier/foundation1/_qconstants.css.sass
index 3a6ff448..809d7c62 100644
--- a/app/assets/stylesheets/supplier/foundation1/_qconstants.css.sass
+++ b/app/assets/stylesheets/supplier/foundation1/_qconstants.css.sass
@@ -4,3 +4,4 @@ $qbrown-active: lighten($qbrown, 20%)
 $wood: image-url('textures/theme1.jpg')
 $background-brown: #57351f
 $current-color: #fc3
+$active-color: #fc3
diff --git a/app/assets/stylesheets/supplier/foundation1/components/_section_elements.css.sass b/app/assets/stylesheets/supplier/foundation1/components/_section_elements.css.sass
new file mode 100644
index 00000000..361d4189
--- /dev/null
+++ b/app/assets/stylesheets/supplier/foundation1/components/_section_elements.css.sass
@@ -0,0 +1,11 @@
+.add-section-element-list
+  list-style: none
+  li
+    list-style: none
+    float: left
+    margin-right: 10px
+    margin-bottom: 10px
+    width: 80px
+    border: 2px outset #aaa
+    &:hover
+      border-color: $active-color