From 83f5358cb0c49aece54b8e0194f46b3237026325 Mon Sep 17 00:00:00 2001
From: Sergio Clebal <sclebal@cartodb.com>
Date: Wed, 23 Feb 2022 08:51:42 +0100
Subject: [PATCH 1/2] Fix opacity selector input

---
 packages/react-ui/src/widgets/OpacityControl.js | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/packages/react-ui/src/widgets/OpacityControl.js b/packages/react-ui/src/widgets/OpacityControl.js
index 52ba26187..693e73b5e 100644
--- a/packages/react-ui/src/widgets/OpacityControl.js
+++ b/packages/react-ui/src/widgets/OpacityControl.js
@@ -31,10 +31,10 @@ const useOpacityControlStyles = makeStyles(({ spacing }) => ({
         appearance: 'none',
         margin: 0
       }
-    },
-    '& .MuiInputAdornment-positionEnd': {
-      margin: 0
     }
+  },
+  noMargin: {
+    margin: 0
   }
 }));
 
@@ -73,7 +73,14 @@ export default function OpacityControl({ opacity, onChangeOpacity }) {
                 type: 'number',
                 inputProps: { 'data-testid': 'opacity-slider' },
                 'aria-labelledby': 'opacity-slider',
-                endAdornment: <InputAdornment position='end'>%</InputAdornment>
+                endAdornment: (
+                  <InputAdornment
+                    classes={{ positionEnd: classes.noMargin }}
+                    position='end'
+                  >
+                    %
+                  </InputAdornment>
+                )
               }}
             />
           </Grid>

From e3033c6e16864111bb512ffe1bca97561527cd3a Mon Sep 17 00:00:00 2001
From: Sergio Clebal <sclebal@cartodb.com>
Date: Wed, 23 Feb 2022 08:53:57 +0100
Subject: [PATCH 2/2] Update CHANGELOG.md

---
 CHANGELOG.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 68709de12..5dc8b70cc 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,8 @@
 
 ## Not released
 
+- Fix opacity selector input [#350](https://github.com/CartoDB/carto-react/pull/350)
+
 ## 1.2
 
 ### 1.2.1-beta.8 (2022-02-22)