diff --git a/apps/widget-configurator/src/app/configurator/hooks/useWidgetParamsAndSettings.ts b/apps/widget-configurator/src/app/configurator/hooks/useWidgetParamsAndSettings.ts
index a535639b0c..9c6f8a681c 100644
--- a/apps/widget-configurator/src/app/configurator/hooks/useWidgetParamsAndSettings.ts
+++ b/apps/widget-configurator/src/app/configurator/hooks/useWidgetParamsAndSettings.ts
@@ -47,7 +47,7 @@ export function useWidgetParams(configuratorState: ConfiguratorState): CowSwapWi
 
     const params: CowSwapWidgetParams = {
       appCode: 'CoW Widget: Configurator',
-      width: '450px',
+      width: '100%',
       height: '640px',
       chainId,
       tokenLists: tokenListUrls.filter((list) => list.enabled).map((list) => list.url),
diff --git a/apps/widget-configurator/src/app/configurator/index.tsx b/apps/widget-configurator/src/app/configurator/index.tsx
index 176a0ebd8f..e62f41064a 100644
--- a/apps/widget-configurator/src/app/configurator/index.tsx
+++ b/apps/widget-configurator/src/app/configurator/index.tsx
@@ -300,7 +300,7 @@ export function Configurator({ title }: { title: string }) {
         </List>
       </Drawer>
 
-      <Box sx={ContentStyled}>
+      <Box sx={{ ...ContentStyled, pl: isDrawerOpen ? '300px' : 0 }}>
         {params && (
           <>
             <EmbedDialog
diff --git a/apps/widget-configurator/src/app/configurator/styled.ts b/apps/widget-configurator/src/app/configurator/styled.ts
index 1e4bb7d090..78d78f644f 100644
--- a/apps/widget-configurator/src/app/configurator/styled.ts
+++ b/apps/widget-configurator/src/app/configurator/styled.ts
@@ -21,6 +21,7 @@ export const DrawerStyled = (theme: Theme) => ({
 })
 
 export const ContentStyled = {
+  width: '100%',
   display: 'flex',
   justifyContent: 'center',
   alignItems: 'center',
diff --git a/libs/widget-react/src/lib/CowSwapWidget.tsx b/libs/widget-react/src/lib/CowSwapWidget.tsx
index 771a994ba3..da8059331c 100644
--- a/libs/widget-react/src/lib/CowSwapWidget.tsx
+++ b/libs/widget-react/src/lib/CowSwapWidget.tsx
@@ -98,5 +98,5 @@ export function CowSwapWidget(props: CowSwapWidgetProps) {
     )
   }
 
-  return <div ref={containerRef}></div>
+  return <div ref={containerRef} style={{ width: '100%' }}></div>
 }