diff --git a/src/components/views/WorkshopView.tsx b/src/components/views/WorkshopView.tsx
index bcda391..52c3aa1 100644
--- a/src/components/views/WorkshopView.tsx
+++ b/src/components/views/WorkshopView.tsx
@@ -199,7 +199,7 @@ const WorkshopView = memo(function WorkshopView() {
       animate={{ opacity: 1, scale: 1 }}
       exit={{ opacity: 0, scale: 0.95 }}
       transition={{ duration: config.animationsEnabled ? 0.3 : 0 }}
-      className="flex flex-col items-center w-full max-w-6xl relative font-['Mojangles'] text-white select-none outline-none focus:outline-none"
+      className="flex flex-col items-center w-full max-w-6xl h-full max-h-full relative font-['Mojangles'] text-white select-none outline-none focus:outline-none"
     >
       <h2 className="text-2xl text-white mc-text-shadow mt-4 mb-6 border-b-2 border-[#373737] pb-2 w-[30%] max-w-[250px] text-center tracking-widest uppercase opacity-80 font-bold whitespace-nowrap px-4">
         Workshop
@@ -240,7 +240,6 @@ const WorkshopView = memo(function WorkshopView() {
 
       <div
         className="w-[98%] flex-1 relative overflow-hidden"
-        style={{ minHeight: '500px' }}
       >
         <AnimatePresence mode="wait">
           {showSearch ? (
diff --git a/src/pages/App.tsx b/src/pages/App.tsx
index 43b774b..4e90fe7 100644
--- a/src/pages/App.tsx
+++ b/src/pages/App.tsx
@@ -369,7 +369,7 @@ export default function App() {
                     )}
                   </AnimatePresence>
 
-                  <div className="w-full max-w-4xl relative flex justify-center items-center">
+                  <div className="w-full h-full max-w-4xl relative flex justify-center items-center overflow-hidden">
                     <AnimatePresence mode="wait">
                       {activeView === "main" && <HomeView key="main-view" />}
                       {activeView === "settings" && (