diff --git a/components/cart/add-many-to-cart.tsx b/components/cart/add-many-to-cart.tsx
index 6b375904f..3693bf081 100644
--- a/components/cart/add-many-to-cart.tsx
+++ b/components/cart/add-many-to-cart.tsx
@@ -41,12 +41,12 @@ export function AddManyToCart({
   return (
     <div className="flex flex-col space-y-2">
       <div className="font-multilingual flex flex-row items-center space-x-2 border border-white/50">
-        <div className="px-3">{t('cart.quantity-label')}</div>
+        <div className="w-[80px] px-3">{t('cart.quantity-label')}</div>
         <input
           value={currentQuantity}
           onChange={(e) => setCurrentQuantity(Number(e.target.value))}
           className={clsx(
-            'w-auto grow bg-transparent px-2 py-3 text-right text-white',
+            'min-w-[200px] grow bg-transparent px-2 py-3 text-right text-white',
             'outline-none focus:border-0 focus:outline-none focus:ring-0',
             'focus-visible:ring-none focus-visible:border-none focus-visible:outline-none',
             'focus-visible:ring-0 focus-visible:ring-offset-0',
diff --git a/components/layout/navbar/index.tsx b/components/layout/navbar/index.tsx
index 4fa765ca7..fcb39c24b 100644
--- a/components/layout/navbar/index.tsx
+++ b/components/layout/navbar/index.tsx
@@ -76,7 +76,7 @@ export default function Navbar({
           <Link href="/" className="transition-opacity duration-150 hover:opacity-90">
             <LogoNamemark
               className={clsx(
-                inView && !compact ? 'w-[260px] md:w-[600px]' : 'w-[260px] md:w-[260px]',
+                inView && !compact ? 'min-w-[180px] md:w-[600px]' : 'min-w-[180px] md:w-[260px]',
                 'fill-current transition-all duration-150',
                 compact ? 'pt-4 md:pt-6' : 'pt-4 md:pt-12'
               )}