diff --git a/web/packages/shared/components/EnteLogo.tsx b/web/packages/shared/components/EnteLogo.tsx
index a22be3f5e..50c1e8303 100644
--- a/web/packages/shared/components/EnteLogo.tsx
+++ b/web/packages/shared/components/EnteLogo.tsx
@@ -3,6 +3,7 @@ import { styled } from "@mui/material";
 const LogoImage = styled("img")`
     margin: 3px 0;
     pointer-events: none;
+    vertical-align: middle;
 `;
 
 export function EnteLogo(props) {
diff --git a/web/yarn.lock b/web/yarn.lock
index fdb81b959..11cc8b8e1 100644
--- a/web/yarn.lock
+++ b/web/yarn.lock
@@ -3316,7 +3316,7 @@ libsodium-wrappers@0.7.9:
   dependencies:
     libsodium "^0.7.0"
 
-libsodium@^0.7.0:
+libsodium@0.7.9, libsodium@^0.7.0:
   version "0.7.9"
   resolved "https://registry.yarnpkg.com/libsodium/-/libsodium-0.7.9.tgz#4bb7bcbf662ddd920d8795c227ae25bbbfa3821b"
   integrity sha512-gfeADtR4D/CM0oRUviKBViMGXZDgnFdMKMzHsvBdqLBHd9ySi6EtYnmuhHVDDYgYpAO8eU8hEY+F8vIUAPh08A==