diff --git a/packages/web/components/elements/LogoBox.tsx b/packages/web/components/elements/LogoBox.tsx
new file mode 100644
index 000000000..ef359babb
--- /dev/null
+++ b/packages/web/components/elements/LogoBox.tsx
@@ -0,0 +1,35 @@
+import { LIBRARY_LEFT_MENU_WIDTH } from '../templates/homeFeed/LibraryFilterMenu'
+import { OmnivoreFullLogo } from './images/OmnivoreFullLogo'
+import { OmnivoreNameLogo } from './images/OmnivoreNameLogo'
+import { SpanBox } from './LayoutPrimitives'
+
+export function LogoBox(): JSX.Element {
+  return (
+    <>
+      <SpanBox
+        css={{
+          pl: '25px',
+          height: '24px',
+          width: LIBRARY_LEFT_MENU_WIDTH,
+          minWidth: LIBRARY_LEFT_MENU_WIDTH,
+          '@mdDown': {
+            display: 'none',
+          },
+        }}
+      >
+        <OmnivoreFullLogo showTitle={true} />
+      </SpanBox>
+      <SpanBox
+        css={{
+          ml: '20px',
+          mr: '20px',
+          '@md': {
+            display: 'none',
+          },
+        }}
+      >
+        <OmnivoreNameLogo />
+      </SpanBox>
+    </>
+  )
+}