diff --git a/src/components/OffsetOrder.tsx b/src/components/OffsetOrder.tsx
index bcc9466..32edcbd 100644
--- a/src/components/OffsetOrder.tsx
+++ b/src/components/OffsetOrder.tsx
@@ -342,9 +342,10 @@ export function OffsetOrder({ tons, monetaryAmount, onBack, calculatorType }: Pr
                 transition={{ duration: 0.5, delay: 0.3 }}
               >
                 {portfolio.projects.map((project, index) => (
-                  <motion.div 
+                  <motion.button 
+                    type="button"
                     key={project.id} 
-                    className="bg-gray-50 rounded-lg p-4 hover:shadow-lg transition-all cursor-pointer"
+                    className="bg-gray-50 rounded-lg p-4 hover:shadow-lg transition-all cursor-pointer text-left w-full"
                     initial={{ opacity: 0, y: 20 }}
                     animate={{ opacity: 1, y: 0 }}
                     transition={{ duration: 0.5, delay: 0.1 * index }}
@@ -389,7 +390,7 @@ export function OffsetOrder({ tons, monetaryAmount, onBack, calculatorType }: Pr
                     <div className="mt-3 text-center">
                       <span className="text-xs text-blue-600 font-medium">Click for details</span>
                     </div>
-                  </motion.div>
+                  </motion.button>
                 ))}
               </motion.div>
             )}