diff --git a/src/app/inventory/page.tsx b/src/app/inventory/page.tsx
index 5f35be0..89f6b04 100644
--- a/src/app/inventory/page.tsx
+++ b/src/app/inventory/page.tsx
@@ -270,7 +270,7 @@ const InventoryPage = () => {
           </motion.div>
         )}
 
-        <div className="mb-6 flex gap-4">
+        <div className="mb-6 flex flex-col gap-4 sm:flex-row">
           <input
             type="text"
             placeholder="Search ingredients..."
diff --git a/src/app/profile/page.tsx b/src/app/profile/page.tsx
index b7fa6f1..b0eea45 100644
--- a/src/app/profile/page.tsx
+++ b/src/app/profile/page.tsx
@@ -122,7 +122,7 @@ const ProfilePage = () => {
   }
 
   return (
-    <div className="bg-cookcraft-white flex min-h-screen w-screen flex-col items-center py-20">
+    <div className="bg-cookcraft-white flex min-h-screen w-screen flex-col items-center p-10 py-20">
       <div className="border-cookcraft-olive bg-cookcraft-white w-full max-w-2xl rounded-2xl border-3 p-8">
         <div className="flex items-center gap-6">
           <Image