diff --git a/app/components/ui/banner.tsx b/app/components/ui/banner.tsx
index 32d4392..781730d 100644
--- a/app/components/ui/banner.tsx
+++ b/app/components/ui/banner.tsx
@@ -4,7 +4,7 @@ import { APP } from '~/configs/meta'
 
 export const Banner = () => {
   return (
-    <div className="min-h-[65px] sm:mx-10">
+    <div className="min-h-[65px]">
       <div className="relative">
         <Link
           to="/#"
diff --git a/app/pages/news-categories/index.tsx b/app/pages/news-categories/index.tsx
index e3adf23..6e754cd 100644
--- a/app/pages/news-categories/index.tsx
+++ b/app/pages/news-categories/index.tsx
@@ -5,7 +5,7 @@ import { BERITA } from './data'
 
 export const NewsCategoriesPage = () => {
   return (
-    <div className="relative mx-5 sm:mx-10">
+    <div className="relative">
       <Card>
         <Carousel {...BERITA} />
       </Card>