From 8aca48042d0ea7a65a5733df492dfab42457b9b4 Mon Sep 17 00:00:00 2001
From: Oleg Isonen <oleg008@gmail.com>
Date: Sun, 12 May 2024 08:46:11 +0100
Subject: [PATCH] fix: Fix breakpoints editor layout (#3345)

## Description

1. What is this PR about (link the issue and add a short description)

## Steps for reproduction

1. click button
2. expect xyz

## Code Review

- [ ] hi @kof, I need you to do
  - conceptual review (architecture, feature-correctness)
  - detailed review (read every line)
  - test it on preview

## Before requesting a review

- [ ] made a self-review
- [ ] added inline comments where things may be not obvious (the "why",
not "what")

## Before merging

- [ ] tested locally and on preview environment (preview dev login:
5de6)
- [ ] updated [test
cases](https://github.com/webstudio-is/webstudio/blob/main/apps/builder/docs/test-cases.md)
document
- [ ] added tests
- [ ] if any new env variables are added, added them to `.env.example`
and the `builder/env-check.js` if mandatory
---
 .../app/builder/features/breakpoints/breakpoints-editor.tsx     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/builder/app/builder/features/breakpoints/breakpoints-editor.tsx b/apps/builder/app/builder/features/breakpoints/breakpoints-editor.tsx
index 937936d1a78d..359a5bfd8586 100644
--- a/apps/builder/app/builder/features/breakpoints/breakpoints-editor.tsx
+++ b/apps/builder/app/builder/features/breakpoints/breakpoints-editor.tsx
@@ -118,7 +118,7 @@ const BreakpointEditorItem = ({
           <Flex gap="2" css={{ width: theme.spacing[26] }}>
             <Select
               name="type"
-              css={{ width: theme.spacing[21] }}
+              css={{ width: theme.spacing[28] }}
               options={["maxWidth", "minWidth"]}
               getLabel={(option) =>
                 option === "maxWidth" ? "Max Width" : "Min Width"