diff --git a/components/ImageUploader.tsx b/components/ImageUploader.tsx
index db99ef7e..aa81a8f1 100644
--- a/components/ImageUploader.tsx
+++ b/components/ImageUploader.tsx
@@ -49,7 +49,6 @@ export default function ImageUploader({target, id, buttonMsg, handleAvatarChange
   }
 
   const handleZoomSliderChange = ([value]) => {
-    console.log(value);
     value < 1 ? setZoom(1) : setZoom(value);
     // setZoom(e[0]);
   }
@@ -192,15 +191,15 @@ export default function ImageUploader({target, id, buttonMsg, handleAvatarChange
                       </div> 
                       <Slider 
                           value={zoom}
-                          min="1"
-                          max="3"
-                          step="0.1"
+                          min={1}
+                          max={3}
+                          step={0.1}
                           label="Slide to zoom, drag to reposition"
                           changeHandler={handleZoomSliderChange}
                       />
                     </div>
                   }
-                  <label htmlFor={id} className="mt-4 cursor-pointer inline-flex items-center px-4 py-1 border border-gray-300 shadow-sm text-xs font-medium rounded-sm text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;">Choose a file...</label>
+                  <label htmlFor={id} className="mt-8 cursor-pointer inline-flex items-center px-4 py-1 border border-gray-300 shadow-sm text-xs font-medium rounded-sm text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;">Choose a file...</label>
                   <input 
                     onChange={ImageUploadHandler}
                     ref={imageFileRef}
@@ -208,7 +207,7 @@ export default function ImageUploader({target, id, buttonMsg, handleAvatarChange
                     id={id}
                     name={id}
                     placeholder="Upload image"
-                    className="mt-4 cursor-pointer opacity-0 absolute"
+                    className="mt-4 pointer-events-none opacity-0 absolute"
                     accept="image/*"
                   />
                 </div>
diff --git a/components/Slider.tsx b/components/Slider.tsx
index e3d61b0f..cfad47c8 100644
--- a/components/Slider.tsx
+++ b/components/Slider.tsx
@@ -5,8 +5,9 @@ import * as SliderPrimitive from '@radix-ui/react-slider';
 
 const Slider = ({value, min, max, step, label, changeHandler}) => (
     <SliderPrimitive.Root 
-    className="slider"
+    className="slider mt-2"
     // defaultValue={[value]}
+    min={min}
     step={step}
     max={max}
     value={[value]}