diff --git a/src/Sidebar/SidebarSingleView.tsx b/src/Sidebar/SidebarSingleView.tsx
index 2954201f418155600efc3b3eb1df4cb50a6f6e33..5dc65c840bbfb647ed9b7ae7d19e4aa1d5dd19f1 100644
--- a/src/Sidebar/SidebarSingleView.tsx
+++ b/src/Sidebar/SidebarSingleView.tsx
@@ -12,7 +12,11 @@ interface Props {
 const SidebarSingleView: React.FC<Props> = ({ value, onClose, ...restProps }) => {
   return (
     <SidebarContainer {...restProps}>
-      <CloseIcon className="inline-block cursor-pointer hover:bg-gray-200 rounded-full" onClick={onClose} />
+      <CloseIcon
+        size={32}
+        className="p-1 text-black text-opacity-50 inline-block cursor-pointer hover:bg-gray-200 rounded-full"
+        onClick={onClose}
+      />
 
       <img
         className="lg:h-48 md:h-36 w-full object-cover object-center"