diff --git a/client/packages/lowcoder-design/src/components/control.tsx b/client/packages/lowcoder-design/src/components/control.tsx
index e8f1f4ca1..233b4d657 100644
--- a/client/packages/lowcoder-design/src/components/control.tsx
+++ b/client/packages/lowcoder-design/src/components/control.tsx
@@ -164,7 +164,7 @@ export const ControlPropertyViewWrapper = (
         </LabelWrapper>
       )}
       {preInputNode}
-      <ChildrenWrapper style={childrenWrapperStyle} $layout={layout}>
+      <ChildrenWrapper style={{...childrenWrapperStyle,marginLeft:label==='Margin'||label==='Padding'?'6px':'0px'}} $layout={layout}> //margin and padding are calculated differently so they're made equal
         {children}
         {extraChildren}
       </ChildrenWrapper>
diff --git a/client/packages/lowcoder/src/comps/comps/qrCodeComp.tsx b/client/packages/lowcoder/src/comps/comps/qrCodeComp.tsx
index 818c5267f..0c4341c2a 100644
--- a/client/packages/lowcoder/src/comps/comps/qrCodeComp.tsx
+++ b/client/packages/lowcoder/src/comps/comps/qrCodeComp.tsx
@@ -31,7 +31,7 @@ const childrenMap = {
   level: dropdownControl(levelOptions, 'L'),
   includeMargin: BoolControl.DEFAULT_TRUE,
   image: StringControl,
-  style: styleControl(QRCodeStyle),
+  style: withDefault(styleControl(QRCodeStyle),{background:'transparent'}),
   animationStyle: styleControl(AnimationStyle),
   restrictPaddingOnRotation: withDefault(StringControl, 'qrCode'),
 };
diff --git a/client/packages/lowcoder/src/comps/controls/colorControl.tsx b/client/packages/lowcoder/src/comps/controls/colorControl.tsx
index 0c00f9e75..7eb7a24d9 100644
--- a/client/packages/lowcoder/src/comps/controls/colorControl.tsx
+++ b/client/packages/lowcoder/src/comps/controls/colorControl.tsx
@@ -27,7 +27,7 @@ const DepIcon = styled(IconDep)`
 const ColorInput = styled.div`
   //position: absolute;
   outline: none;
-  width: 140px;
+  width: 135px;
   min-height: 30px;
 `;