diff --git a/frontend/src/components/sidebar/MenuItemComponent.js b/frontend/src/components/sidebar/MenuItemComponent.js
index 47d626a3..73246949 100644
--- a/frontend/src/components/sidebar/MenuItemComponent.js
+++ b/frontend/src/components/sidebar/MenuItemComponent.js
@@ -67,7 +67,7 @@ function MenuItemComponent({ children, icon: Icon, id, items = [], level = 1, on
         <Column key={id} className={classNameColumn}>
             <Row vertical='center' onClick={onItemClicked} className={classNameContainer}>
                 {/* <Icon fill={iconColor} opacity={!isActive && '0.4'} /> */}
-                <div className='SideBarIconStyle' style={{color:iconColor,fontSize:'20px'}}>
+                <div className='SideBarIconStyle' style={{color:iconColor,fontSize:'15px'}}>
                     <i className={Icon} aria-hidden="true"/>
                 </div>  
                 <span className="SideBarTitle" style={{color:iconColor}}>{title}</span>
diff --git a/frontend/src/index.css b/frontend/src/index.css
index ba0210ff..9c8efa1c 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -230,7 +230,7 @@ body {
 
 /* Reconfiguration of  the icon style on the side bar */
 .SideBarIconStyle{
-    font-size: 15px;
+    font-size: 13px;
     color: #dbdbdb;
     padding-right: 100;
     margin-bottom: 3px;