diff --git a/src/components/Loading/ListNovelSkeleton.tsx b/src/components/Loading/ListNovelSkeleton.tsx
index 9b93709..381e100 100644
--- a/src/components/Loading/ListNovelSkeleton.tsx
+++ b/src/components/Loading/ListNovelSkeleton.tsx
@@ -4,8 +4,8 @@ const ListNovelSkeleton = ({ children }: { children: React.ReactNode }) => {
   return (
     <div>
       {children}
-      <div className="grid grid-cols-1 gap-y-5 gap-x-5 lg:grid-cols-2">
-        {[...Array(10)].map((_, idx) => (
+      <div className="grid grid-cols-1 gap-y-5 gap-x-5 lg:grid-cols-2 2xl:grid-cols-3">
+        {[...Array(12)].map((_, idx) => (
           <BoxNovel isLoading={true} key={idx} />
         ))}
       </div>
diff --git a/src/components/Slider.tsx b/src/components/Slider.tsx
index 5775878..b1ab345 100644
--- a/src/components/Slider.tsx
+++ b/src/components/Slider.tsx
@@ -23,7 +23,7 @@ const Slider = ({ isLoading = false }: Props) => {
       {isLoading || !slider || slider.trim().length <= 0 ? (
         <Skeleton className="h-20 lg:h-48" />
       ) : (
-        <LoadingImage imageUrl={slider} name="slider" className="w-full cursor-pointer max-h-[318px]" isSlider={true} />
+        <LoadingImage imageUrl={slider} name="slider" className="w-full cursor-pointer max-h-[400px]" isSlider={true} />
       )}
     </div>
   );
diff --git a/src/layout/Layout.tsx b/src/layout/Layout.tsx
index 1c4cb5e..837feda 100644
--- a/src/layout/Layout.tsx
+++ b/src/layout/Layout.tsx
@@ -5,7 +5,7 @@ import ButtonSettings from "../components/Button/Settings/ButtonSettings";
 
 const Layout = () => {
   return (
-    <div className={`px-10 min-h-screen mx-auto relative overflow-x-hidden`}>
+    <div className={`px-0 md:px-10 min-h-screen mx-auto relative overflow-x-hidden`}>
       <Header />
       <main className="p-1">
         <Outlet />