decrease sidebar size

src/components/Sidebar/index.tsx

@@ -26,8 +26,7 @@ import { ShareModal } from "src/containers/Modals/ShareModal";
 import { IoAlertCircleSharp } from "react-icons/io5";
 import useConfig from "src/hooks/store/useConfig";
 import { getNextLayout } from "src/containers/Editor/LiveEditor/helpers";
-import { FaRegHeart } from "react-icons/fa";
-import { HiHeart, HiOutlineHeart } from "react-icons/hi";
+import { HiHeart } from "react-icons/hi";
 
 const StyledSidebar = styled.div`
   display: flex;
@@ -45,7 +44,7 @@ const StyledElement = styled.div<{ beta?: boolean }>`
   display: flex;
   justify-content: center;
   text-align: center;
-  font-size: 28px;
+  font-size: 24px;
   font-weight: 600;
   width: 100%;
   color: ${({ theme }) => theme.INTERACTIVE_NORMAL};

src/components/Tooltip/index.tsx

@@ -15,7 +15,7 @@ const StyledTooltip = styled.div<{ visible: boolean }>`
   position: absolute;
   top: 0;
   right: 0;
-  transform: translate(calc(100% + 15px), 20%);
+  transform: translate(calc(100% + 15px), 10%);
   z-index: 5;
   background: ${({ theme }) => theme.BACKGROUND_PRIMARY};
   color: ${({ theme }) => theme.TEXT_NORMAL};
@@ -35,7 +35,7 @@ const StyledTooltip = styled.div<{ visible: boolean }>`
     position: absolute;
     top: 0;
     left: 0;
-    transform: translate(-100%, 50%);
+    transform: translate(-90%, 50%);
     border-width: 8px;
     border-style: solid;
     border-color: transparent ${({ theme }) => theme.BACKGROUND_PRIMARY}