From ec515072439914f0eca2944130e22765f35559a8 Mon Sep 17 00:00:00 2001
From: Made Baruna <made.setia@gmail.com>
Date: Tue, 21 Jun 2022 16:13:11 +0700
Subject: [PATCH] Fix sidebar on small height screen

---
 src/components/Sidebar/SidebarMoreItem.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Sidebar/SidebarMoreItem.svelte b/src/components/Sidebar/SidebarMoreItem.svelte
index 3ec03d47..ff238433 100644
--- a/src/components/Sidebar/SidebarMoreItem.svelte
+++ b/src/components/Sidebar/SidebarMoreItem.svelte
@@ -24,8 +24,8 @@
 
 <div class="w-full rounded-xl ease-in duration-150 {mobile ? '' : 'parent'} {active ? 'active' : ''}">
   <div class="flex absolute transform translate-x-full child top-0 bottom-0">
-    <div class="w-5 h-full" />
-    <div class="bg-background shadow-lg flex flex-col p-2 -mt-2 rounded-r-xl" style="padding-top: 100%">
+    <div class="w-10 h-full" />
+    <div class="bg-background shadow-lg flex flex-col justify-center p-2 -mt-2 rounded-r-xl">
       {#each items as item}
         <a
           on:click={clicked}
@@ -105,7 +105,7 @@
 
   .child {
     display: none;
-    right: 1.3rem;
+    right: 2.5rem;
   }
 
   .parent:hover {