diff --git a/luckydiamond/src/pages/AsidebarElement.vue b/luckydiamond/src/pages/AsidebarElement.vue
index 9db3d5a..879b844 100644
--- a/luckydiamond/src/pages/AsidebarElement.vue
+++ b/luckydiamond/src/pages/AsidebarElement.vue
@@ -1,7 +1,12 @@
 <template>
   <aside class="bar">
     <div class="bar__content">
-
+      <div class="bar__buttons">
+        <a href="#" class="bar__button--home"> <img src="../assets/icons/icon-home-button.png"> </a>
+        <div class="bar__settings">
+          <a href="#" class="bar__button--settings"> <img src="../assets/icons/icon-settings-button.png"> </a>
+        </div>
+      </div>
     </div>
   </aside>
 </template>
@@ -21,4 +26,18 @@ export default {
   top: 0;
   left: 0;
 }
+.bar__content  {
+  padding-top: 26px;
+  justify-content: center;
+  display: flex;
+  align-items: center;
+  text-align: center;
+}
+.bar__settings {
+  position: absolute;
+  bottom: 0;
+}
+.bar__settings .bar__button--settings img {
+  margin-bottom: 15px;
+}
 </style>
\ No newline at end of file