Update src/App.jsx

src/App.jsx

@@ -142,8 +142,8 @@ const QRGeneratorTab = ({
                 </div>
             </div>
 
-            {/* Right Panel: Style Selection - Added max-h to align with QR preview, removed flex-grow */}
-            <div className={`w-full lg:w-1/4 p-6 rounded-2xl shadow-2xl border ${currentThemeClasses.glassBorder} ${currentThemeClasses.glassBg} ${currentThemeClasses.text} flex flex-col transform transition-all duration-500 ease-in-out max-h-[750px]`}>
+            {/* Right Panel: Style Selection - Increased max-h slightly to 800px */}
+            <div className={`w-full lg:w-1/4 p-6 rounded-2xl shadow-2xl border ${currentThemeClasses.glassBorder} ${currentThemeClasses.glassBg} ${currentThemeClasses.text} flex flex-col transform transition-all duration-500 ease-in-out max-h-[800px]`}>
                 <label className={`mb-4 font-semibold ${currentThemeClasses.labelColor} font-inter`}>Choose Style:</label>
                 {/* This inner div needs to scroll if content overflows. flex-grow and overflow-y-auto */}
                 <div className={`overflow-y-auto flex-grow rounded-xl p-2 ${currentThemeClasses.cardBg} custom-scrollbar`}>