Adjust logo display in UI

src/frontend/src/components/items/InvenTreeLogo.tsx

@@ -26,16 +26,32 @@ export const InvenTreeLogoHomeButton = forwardRef<HTMLDivElement>(
  * - Uses the custom logo if one is defined on the server
  * - Otherwise, uses the default logo
  */
-export function InvenTreeLogo(): ReactNode {
+export function InvenTreeLogo({
+  size = 36
+}: {
+  size?: number;
+}): ReactNode {
   const [server] = useServerApiState(
     useShallow((state) => [state.server, state.fetchServerApiState])
   );
 
   if (server.server && server.customize?.logo) {
     return (
-      <img src={server.customize.logo} alt={t`InvenTree Logo`} height={28} />
+      <img
+        src={server.customize.logo}
+        alt={t`InvenTree Logo`}
+        width={size}
+        height={size}
+      />
     );
   }
 
-  return <img src={InvenTreeIcon} alt={t`InvenTree Logo`} height={28} />;
+  return (
+    <img
+      src={InvenTreeIcon}
+      alt={t`InvenTree Logo`}
+      width={size}
+      height={size}
+    />
+  );
 }

src/frontend/src/components/nav/NavHoverMenu.tsx

@@ -8,7 +8,11 @@ export function NavHoverMenu({
   openDrawer: () => void;
 }>) {
   return (
-    <UnstyledButton onClick={() => openDrawer()} aria-label='navigation-menu'>
+    <UnstyledButton
+      onClick={() => openDrawer()}
+      aria-label='navigation-menu'
+      style={{ display: 'flex', alignItems: 'center', height: 38 }}
+    >
       <InvenTreeLogo />
     </UnstyledButton>
   );