diff --git a/liquet/css/logos.css b/liquet/css/logos.css
index 73ae752..40f8cba 100644
--- a/liquet/css/logos.css
+++ b/liquet/css/logos.css
@@ -2,22 +2,22 @@
     margin-top: 1.5em;
 }
 
-#logos #title {
+#logos > .title {
     margin: 2em;
     text-align: center;
 }
 
-#logos #title img {
+#logos > .title img {
     height: 1.5em;
 }
 
-#logos #list img {
+#logos > .list img {
     height: 2em;
     width: 2em;
     margin: 0 .5em;
     transition: var(--animation);
 }
 
-#logos #list img:hover {
+#logos > .list img:hover {
     transform: scale(1.15);
 }
\ No newline at end of file
diff --git a/liquet/logos.php b/liquet/logos.php
index fc0eac6..2764b24 100644
--- a/liquet/logos.php
+++ b/liquet/logos.php
@@ -7,13 +7,13 @@ function render_links( $expanded = false ) {
 	?>
     <div id="logos">
 	<?php if ( $expanded ) { ?>
-        <div id="title" class="alt-font">
+        <div class="title alt-font">
             discuss & share
             <br/>
             <img src="<?= get_template_directory_uri() . '/vendor/icons/down.svg' ?>" alt="arrow down"/>
         </div>
 	<?php } ?>
-    <div class="flex container horizontal middle center" id="list">
+    <div class="list flex container horizontal middle center">
 		<?php
 		foreach ( $links as $link ) {
 			$saved = get_option( $link . '_url' );