adjust image size

packages/app/src/components/Navbar/GrowiNavbar.tsx

@@ -132,11 +132,13 @@ const GrowiNavbarLogo: FC<NavbarLogoProps> = memo((props: NavbarLogoProps) => {
     ? (
       // The nature of next/image, which wraps the <img> with other tags such as <div>, makes it difficult to adjust the style of the image.
       // Instead of adding css selectors to the <Image />, wrap the <Image /> in a <div> and add selectors there to control the styles.
-      <div id="settingBrandLogo" className='position-relative picture picture-lg mx-2 p-2'>
+      <div id="settingBrandLogo" className='position-relative mx-2 d-flex'>
         <Image loader={nextImageLoader} alt='logo'
           src={logoSrc}
-          layout='fill'
+          height='48'
+          width='48'
           quality='100'
+          className='p-2'
         />
       </div>
     )