diff --git a/styleguide_palette/css/styleguide_palette.css b/styleguide_palette/css/styleguide_palette.css
index fab7a6a..72b4fc4 100644
--- a/styleguide_palette/css/styleguide_palette.css
+++ b/styleguide_palette/css/styleguide_palette.css
@@ -1,5 +1,14 @@
+/* Styling for the color palette display page. */
+
+.styleguide-palette-swatch {
+  display: inline-block;
+  margin: 0.5em;
+  vertical-align: top;
+  width: 14em;
+}
+
 .styleguide-palette-swatch-color {
-  border: 1px solid black;
+  border: 1px solid #f1f1f1;
   height: 100px;
   width: 100px;
 }
diff --git a/styleguide_palette/templates/styleguide-palette-swatch.tpl.php b/styleguide_palette/templates/styleguide-palette-swatch.tpl.php
index 8cd031d..c9070c1 100644
--- a/styleguide_palette/templates/styleguide-palette-swatch.tpl.php
+++ b/styleguide_palette/templates/styleguide-palette-swatch.tpl.php
@@ -12,7 +12,7 @@
  * @ingroup themeable
  */
 ?>
-<h3 class="styleguide-palette-swatch-name"><?php print $name; ?></h3>
 <div class="styleguide-palette-swatch-color" style="background-color: <?php print $hex; ?>;">&nbsp;</div>
+<h3 class="styleguide-palette-swatch-name"><?php print $name; ?></h3>
 <div class="styleguide-palette-swatch-hex"><em><?php print $hex; ?></em></div>
 <div class="styleguide-palette-swatch-description"><?php print $description; ?></div>