diff --git a/components/ImageUploader.tsx b/components/ImageUploader.tsx
index aa81a8f102..d348e1b62d 100644
--- a/components/ImageUploader.tsx
+++ b/components/ImageUploader.tsx
@@ -50,7 +50,6 @@ export default function ImageUploader({target, id, buttonMsg, handleAvatarChange
 
   const handleZoomSliderChange = ([value]) => {
     value < 1 ? setZoom(1) : setZoom(value);
-    // setZoom(e[0]);
   }
 
   const createImage = (url) =>
diff --git a/components/Slider.tsx b/components/Slider.tsx
index cfad47c8d9..4e359a4bc6 100644
--- a/components/Slider.tsx
+++ b/components/Slider.tsx
@@ -1,12 +1,9 @@
 import React from 'react';
-// import { styled } from '@stitches/react';
-// import { violet, blackA } from '@radix-ui/colors';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 
 const Slider = ({value, min, max, step, label, changeHandler}) => (
     <SliderPrimitive.Root 
     className="slider mt-2"
-    // defaultValue={[value]}
     min={min}
     step={step}
     max={max}
diff --git a/styles/globals.css b/styles/globals.css
index 96c9ac1a81..93ea43aa17 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -83,22 +83,26 @@
     .slider {
       @apply relative flex items-center w-40 h-4 select-none 
     }
+
     .slider > .slider-track {
         @apply relative flex-grow h-1 bg-neutral-400 rounded-md;
     }
+
     .slider .slider-range {
       @apply absolute h-full bg-neutral-700 rounded-full
     }
+
     .slider .slider-thumb {
       @apply block w-3 h-3 bg-neutral-700 rounded-full shadow-sm cursor-pointer transition-all;
-    }  
+    }
+
     .slider .slider-thumb:hover {
       @apply bg-neutral-600;
     }
+
     .slider .slider-thumb:focus {
       box-shadow: 0 0 0 4px rgba(0,0,0,0.2);
     }
-  
 }
 
 /* !important to style multi-email input */