diff --git a/packages/dashboard-v2/src/components/Switch/Switch.js b/packages/dashboard-v2/src/components/Switch/Switch.js
index ed24bc92..02b361c0 100644
--- a/packages/dashboard-v2/src/components/Switch/Switch.js
+++ b/packages/dashboard-v2/src/components/Switch/Switch.js
@@ -21,7 +21,7 @@ const Label = styled.label.attrs({
 `;
 
 const Toggle = styled.span.attrs({
-  className: `flex flex-row items-center justify-between
+  className: `flex flex-row items-center justify-between shrink-0
               w-[44px] h-[22px] bg-white rounded-full
               border border-palette-200 relative cursor-pointer`,
 })`
@@ -45,7 +45,7 @@ const TogglePin = styled.span.attrs(({ $checked }) => ({
   }
 `;
 
-export const Switch = ({ children, defaultChecked, onChange, ...props }) => {
+export const Switch = ({ children, defaultChecked, labelClassName, onChange, ...props }) => {
   const id = useMemo(nanoid, [onChange]);
   const [checked, setChecked] = useState(defaultChecked);
 
@@ -56,7 +56,7 @@ export const Switch = ({ children, defaultChecked, onChange, ...props }) => {
   return (
     <Container {...props}>
       <Checkbox checked={checked} onChange={(ev) => setChecked(ev.target.checked)} id={id} />
-      <Label htmlFor={id}>
+      <Label htmlFor={id} className={labelClassName}>
         <Toggle>
           <TogglePin $checked={checked} />
         </Toggle>
@@ -75,6 +75,10 @@ Switch.propTypes = {
    * Element to be rendered as the switch label
    */
   children: PropTypes.element,
+  /**
+   * Pass additional CSS classes to the `label` element.
+   */
+  labelClassName: PropTypes.string,
   /**
    * Function to execute on change
    */
@@ -83,4 +87,5 @@ Switch.propTypes = {
 
 Switch.defaultProps = {
   defaultChecked: false,
+  labelClassName: "",
 };