diff --git a/views/html/charactergroups/groupsgroup.tpl b/views/html/charactergroups/groupsgroup.tpl
index f0a33e10..5652f62c 100644
--- a/views/html/charactergroups/groupsgroup.tpl
+++ b/views/html/charactergroups/groupsgroup.tpl
@@ -27,7 +27,7 @@
 		<?php if($index < 3) : ?>
 		<img src="<?=$linker->link(array('media','charactergroup',$seminary['url'],$groupsgroup['url'],$group['url']))?>" class="gbanner">
 		<?php endif ?>
-		<a href="<?=$linker->link(array('group',$seminary['url'],$groupsgroup['url'],$group['url']),1)?>"><?=$group['name']?></a><span class="xp"><?=$group['xps']?> XP</span>
+		<p><a href="<?=$linker->link(array('group',$seminary['url'],$groupsgroup['url'],$group['url']),1)?>"><?=$group['name']?></a><span class="xp"><?=$group['xps']?> XP</span></p>
 	</li>
 	<?php endforeach ?>
 </ol>
diff --git a/views/html/charactergroups/index.tpl b/views/html/charactergroups/index.tpl
index 9bc4b0b4..cf3384a7 100644
--- a/views/html/charactergroups/index.tpl
+++ b/views/html/charactergroups/index.tpl
@@ -14,7 +14,7 @@
 </nav>
 <?php endif ?>
 
-<ul class="cgqlist">
+<ul class="cglist">
 	<?php foreach($groupsgroups as &$group) : ?>
 	<li><a href="<?=$linker->link(array('groupsgroup',$seminary['url'],$group['url']),1)?>"><?=$group['name']?></a></li>
 	<?php endforeach ?>
diff --git a/www/css/desktop.css b/www/css/desktop.css
index ed0378e5..27b6030e 100644
--- a/www/css/desktop.css
+++ b/www/css/desktop.css
@@ -231,8 +231,13 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
 /** Charactergroup List **/
 
 .cglist li{list-style-type:decimal;background:#fff;margin:0 0 6px 30px;padding:5px 15px;border-radius:3px}
-.cglist li p{margin:0}
+.cglist li p{margin:0;display:inline}
+.cglist .gbanner{width:40px;height:40px;border-radius:3px;display:inline;margin:5px 5px 0 0}
 .cglist .xp{display:block}
+.cglist li:nth-child(-n+3){border:3px solid #cd7f32;border-width:0 0 2px}
+.cglist li:nth-child(-n+2){border-color:#c0c0c0}
+.cglist li:nth-child(-n+1){border-color:#ffd700}
+.cglist li:nth-child(-n+3) a{display:inline-block;vertical-align:top;margin-top:10px}
 
 .cgqlist li{background:#fff;margin-bottom:5px;padding:3px}
 .cgqlist img{float:left;width:40px;height:40px;border-radius:3px;margin-right:10px}