diff --git a/src/layout/ResponsiveContainer.jsx b/src/layout/ResponsiveContainer.jsx
index f6ac7d1..fcc6f06 100644
--- a/src/layout/ResponsiveContainer.jsx
+++ b/src/layout/ResponsiveContainer.jsx
@@ -209,7 +209,8 @@ const ResponsiveContainer = ({ children }) => {
         }
 
         {/* Content area */}
-        <div className={`${sidebarOpen ? 'relative' : 'absolute'} flex h-screen w-full flex-1 flex-col overflow-y-auto overflow-x-hidden bg-gray-100 dark:bg-gray-700`}>
+        <div className={'relative flex w-full flex-1 flex-col overflow-y-auto overflow-x-hidden'}>
+
           {/*  Site header */}
           {userObj && userObj.nombre_usuario &&
             <Navbar
@@ -236,6 +237,8 @@ const ResponsiveContainer = ({ children }) => {
             <SessionTimeout i18n={i18n} user={userObj} onTimeout={() => onTimeout()} onCancelTimeout={() => onCancelTimeout()} />
           }
         </div>
+
+        {/* Footer */}
         <Footer version={appVersion} label={i18n.t('common.version') || 'version'} />
       </div>
     </LayoutContext.Provider>
diff --git a/src/styles/page-styles/common.css b/src/styles/page-styles/common.css
index 65475ce..1130f23 100644
--- a/src/styles/page-styles/common.css
+++ b/src/styles/page-styles/common.css
@@ -82,7 +82,7 @@ select.via-input {
 }
 
 .responsive-container {
-  @apply w-full h-auto min-h-[calc(100vh-60px)] mx-auto bg-[#ECEFF8] dark:bg-[#0f0f0f] items-center pb-10 p-2 transition-colors duration-300 ease-in-out !important;
+  @apply w-full h-full mx-auto bg-background items-center pb-10 overflow-auto p-2 transition-colors duration-350 ease-in-out text-[#0F0F0F] dark:text-[#F1F1F1] !important;
 }
 
 .via-title {