fix: image styling (#419)

Author: Cahllagerfeld

src/ui/layouts/connectors/ServicesSelectorComponent/index.module.scss

@@ -1,5 +1,7 @@
-img {
-  height: 20px;
+.service_selector_wrapper {
+  img {
+    height: 20px;
+  }
 }
 
 .service_selector {
@@ -14,6 +16,8 @@ img {
   border-radius: 4px;
   cursor: pointer;
 
+
+
   .service_selector_selected {
     padding: 3px !important;
     background: rgba(201, 203, 208, 0.05);

src/ui/layouts/connectors/ServicesSelectorComponent/index.tsx

@@ -80,7 +80,7 @@ const Index: React.FC<ServicesSelector> = ({
   );
 
   return (
-    <Box>
+    <Box className={styles.service_selector_wrapper}>
       <Box paddingBottom="sm">
         <Paragraph size="body" style={{ color: 'black' }}>
           <label style={{ display: 'flex', flexDirection: 'row' }}>

src/ui/layouts/stackComponents/ServicesSelectorComponent/index.module.scss

@@ -1,5 +1,8 @@
-img {
-  height: 20px;
+.service_selector_wrapper {
+  img {
+    height: 20px;
+  }
+  
 }
 
 .service_selector {

src/ui/layouts/stackComponents/ServicesSelectorComponent/index.tsx

@@ -40,7 +40,7 @@ const Index: React.FC<ServicesSelector> = ({
   console.log(defaultMappedConfig, inputData, 'fefefw');
 
   return (
-    <Box>
+    <Box className={styles.service_selector_wrapper}>
       <Box
         className={styles.service_selector}
         onClick={() => setShowServices(!showServices)}