diff --git a/lib/QUI/Bricks/Controls/SocialBox.css b/lib/QUI/Bricks/Controls/SocialBox.css
index ce1ec6f19b3abf4b4565299b9dff8ac84faf82ca..99e46621601022368906153b016d65e36f3c5cb3 100644
--- a/lib/QUI/Bricks/Controls/SocialBox.css
+++ b/lib/QUI/Bricks/Controls/SocialBox.css
@@ -1,15 +1,15 @@
-.templateQUI-socialbox {
+.quiqqer-bricks-socialbox {
     list-style-type: none;
     margin: 0;
     padding: 0;
 }
 
-.templateQUI-socialbox li {
+.quiqqer-bricks-socialbox li {
     float: left;
-    margin: 0 0.75em 0 0;
+    margin: 0 0.75em 0.75em 0;
 }
 
-.templateQUI-socialbox li a {
+.quiqqer-bricks-socialbox li a {
     background-color: #888;
     border-radius: 5px;
     color: #fff;
@@ -19,11 +19,11 @@
     width: 3em;
 }
 
-.templateQUI-socialbox li a:hover {
+.quiqqer-bricks-socialbox li a:hover {
     opacity: 0.5;
 }
 
-.templateQUI-socialbox .fa {
+.quiqqer-bricks-socialbox .fa {
     font-size: 2em;
     line-height: 1.5;
 }
diff --git a/lib/QUI/Bricks/Controls/SocialBox.html b/lib/QUI/Bricks/Controls/SocialBox.html
index a2d8ab8eb361f90305be06791e7ea96c99f119fa..74795ecf699dc047f1852b17088ef982316d406d 100644
--- a/lib/QUI/Bricks/Controls/SocialBox.html
+++ b/lib/QUI/Bricks/Controls/SocialBox.html
@@ -1,4 +1,4 @@
-<ul class="templateQUI-socialbox">
+<ul class="quiqqer-bricks-socialbox">
 
     {foreach from=$socialList item=entry}
     {if isset( $entry.url ) && isset( $entry.background ) && isset( $entry.icon ) }