Style new logo

Author: ronellecaguioa

app/containers/SidebarContainer.tsx

@@ -29,7 +29,7 @@ const SidebarContainer: React.FC = (): JSX.Element => (
   >
     <div className="sidebar">
       <img alt="Chronos Logo" id="serviceDashLogo" src={'../assets/icon2Cropped.png'} />
-      <img alt="Chronos Logo Mini" id="miniLogo" src={'../assets/pangolin.png'} />
+      <img alt="Chronos Logo Mini" id="miniLogo" src={'../assets/chronos-v4-pangolin.png'} />
       <Link className="sidebar-link" to="/" id="home">
         <HomeSharpIcon style={{ boxShadow: 'none', width: '40px', height: '40px' }} />
         &emsp;Home

app/stylesheets/SidebarContainer.css

@@ -58,10 +58,10 @@
 #miniLogo {
   position: absolute;
   animation: twirl 20s infinite linear;
-  left: 12px;
-  top: 35px;
-  height: 75px;
-  width: 75px;
+  left: 18px;
+  top: 15px;
+  height: auto;
+  width: 65px;
   opacity: 1;
   transition: 200ms;
   margin-top: 10px;