diff --git a/src/assets/img/libra/icon-libra.png b/src/assets/img/libra/icon-libra.png
old mode 100644
new mode 100755
index 97aabb9..676b89a
Binary files a/src/assets/img/libra/icon-libra.png and b/src/assets/img/libra/icon-libra.png differ
diff --git a/src/assets/img/libra/icon-libra@2x.png b/src/assets/img/libra/icon-libra@2x.png
old mode 100644
new mode 100755
index e6ee67a..fa8567f
Binary files a/src/assets/img/libra/icon-libra@2x.png and b/src/assets/img/libra/icon-libra@2x.png differ
diff --git a/src/assets/img/libra/icon-libra@3x.png b/src/assets/img/libra/icon-libra@3x.png
old mode 100644
new mode 100755
index cb32e4d..26495ad
Binary files a/src/assets/img/libra/icon-libra@3x.png and b/src/assets/img/libra/icon-libra@3x.png differ
diff --git a/src/assets/img/logo.png b/src/assets/img/logo.png
index fb463cf..adc42e9 100644
Binary files a/src/assets/img/logo.png and b/src/assets/img/logo.png differ
diff --git a/src/components/Bill.vue b/src/components/Bill.vue
index c09257f..2bd24d1 100644
--- a/src/components/Bill.vue
+++ b/src/components/Bill.vue
@@ -45,7 +45,7 @@
             Total
           </div>
           <div class="column total">
-            <img :src="require('@/assets/img/libra/icon-libra.png')">
+            <img :src="require('@/assets/img/libra/icon-libra@3x.png')" style="width: 25px; height: 25px;">
             <span>{{ total | numberWithCommas }}</span>
           </div>
         </div>
diff --git a/src/components/ItemList.vue b/src/components/ItemList.vue
index 6381a05..2840a56 100644
--- a/src/components/ItemList.vue
+++ b/src/components/ItemList.vue
@@ -16,7 +16,7 @@
           <img :src="require(`../assets/img/${item.image}`)">
         </div>
         <div class="price">
-          <img :src="require('@/assets/img/libra/icon-libra.png')">
+          <img :src="require('@/assets/img/libra/icon-libra@3x.png')">
           <span>{{ item.price | numberWithCommas }}</span>
         </div>
       </div>
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index 1c962f8..37beaa2 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -73,30 +73,35 @@ export default {
 <style lang="scss" scoped>
 .sidebar-ctn {
   width: 100%;
-  padding: 20px;
+  padding: 20px 10px;
   height: 100vh;
   box-shadow: 2px 2px 14px 0 rgba(0, 0, 0, 0.5);
   background-color: #ffffff;
   text-align: center;
   position: relative;
 }
+
 .logo {
   width: 150px;
 }
+
 .libra-logo {
   width: 120px;
   float: right;
   margin-bottom: 10px;
 }
+
 .divider {
   width: 100%;
   height: 1px;
   float: left;
   background-color: #dedede;
 }
+
 .mg-bt-40px {
   margin-bottom: 20px;
 }
+
 .menu-item {
   cursor: pointer;
   float: left;
@@ -113,13 +118,16 @@ export default {
     margin-right: 10px;
   }
 }
+
 .menu-item:hover {
   opacity: 0.5;
 }
+
 .is-active {
   border-bottom: solid 5px #512da8;
   padding-right: 20px;
 }
+
 .footer {
   position: absolute;
   bottom: 0;
@@ -127,8 +135,7 @@ export default {
   right: 0;
   padding: 0;
   text-align: center;
-  margin-bottom: 15px;
-  padding: 0 5px;
+  padding: 15px 5px;
 
   .kulap {
     img {