diff --git a/src/views/dashboards/farm/cropZoning/LayerControl.tsx b/src/views/dashboards/farm/cropZoning/LayerControl.tsx
index 81b3217..d1a3e9e 100644
--- a/src/views/dashboards/farm/cropZoning/LayerControl.tsx
+++ b/src/views/dashboards/farm/cropZoning/LayerControl.tsx
@@ -22,7 +22,7 @@ export default function LayerControl({ activeLayer, onLayerChange }: LayerContro
   const t = useTranslations('cropZoning')
 
   return (
-    <div className='absolute top-4 end-4 z-[1000] flex flex-col gap-1 rounded-xl border border-white/20 bg-white/70 py-2 shadow-lg backdrop-blur-md dark:bg-gray-900/70 dark:border-gray-700/50'>
+    <div className='absolute bottom-4 end-4 z-[1000] flex flex-col gap-1 rounded-xl border border-white/20 bg-white/70 py-2 shadow-lg backdrop-blur-md dark:bg-gray-900/70 dark:border-gray-700/50'>
       {LAYER_ORDER.map(layer => (
         <IconButton
           key={layer}