adjust sidebar logo size and position from left border

src/components/Layout/Sidebar.jsx

@@ -13,22 +13,12 @@ const Sidebar = () => {
       id="layout-menu"
       className="layout-menu menu-vertical menu bg-menu-theme "
     >
-      <div className="app-brand" style={{ paddingLeft: "30px" }}>
+      <div className="app-brand" style={{ paddingLeft: "15px" }}>
         <Link to="/dashboard" className="app-brand-link">
-          {/* <span className="app-brand-logo  rounded-circle app-brand-logo-border">
-            <img
-              className="app-brand-logo-sidebar"
-              src="/img/brand/marco.png"
-              alt="logo"
-              aria-label="logo image"
-              style={{ margin: "5px", paddingRight: "5px" }}
-            />
-          </span> */}
-
           <span className="app-brand-logo demo d-flex align-items-center">
             <img
               src="/img/brand/marco.png"
-              width="40"
+              width="50"
               height="40"
               alt="OnFieldWork logo"
             />