diff --git a/scm-ui/ui-webapp/src/repos/codeSection/components/CodeActionBar.tsx b/scm-ui/ui-webapp/src/repos/codeSection/components/CodeActionBar.tsx
index f20ef26d3f..fbe3216d44 100644
--- a/scm-ui/ui-webapp/src/repos/codeSection/components/CodeActionBar.tsx
+++ b/scm-ui/ui-webapp/src/repos/codeSection/components/CodeActionBar.tsx
@@ -41,6 +41,13 @@ const ActionBar = styled.div`
   margin-bottom: 1em;
 `;
 
+const FlexShrinkLevel = styled(Level)`
+  .level-left {
+    flex-shrink: 1;
+    margin-right: 0.75rem;
+  }
+`;
+
 type Props = {
   selectedBranch?: string;
   branches: Branch[];
@@ -54,7 +61,7 @@ const CodeActionBar: FC<Props> = ({ selectedBranch, branches, onSelectBranch, sw
 
   return (
     <ActionBar>
-      <Level
+      <FlexShrinkLevel
         left={
           branches?.length > 0 && (
             <BranchSelector
diff --git a/yarn.lock b/yarn.lock
index 552c9c455f..a7a1a693eb 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -11719,10 +11719,10 @@ mini-create-react-context@^0.4.0:
     "@babel/runtime" "^7.5.5"
     tiny-warning "^1.0.3"
 
-mini-css-extract-plugin@^0.10.0:
-  version "0.10.1"
-  resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-0.10.1.tgz#2592c891f965e15750da6a6c0b60740b5b0cb62d"
-  integrity sha512-9B10gZixtNjHerADBrMxPXM5G0uL0CRGMcLRV67I8nd1SKbwJrI0okKUzD+PxKsUZ9Dxt8/hPvtzF0DrRnrOyA==
+mini-css-extract-plugin@^0.11.0:
+  version "0.11.2"
+  resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-0.11.2.tgz#e3af4d5e04fbcaaf11838ab230510073060b37bf"
+  integrity sha512-h2LknfX4U1kScXxH8xE9LCOqT5B+068EAj36qicMb8l4dqdJoyHcmWmpd+ueyZfgu/POvIn+teoUnTtei2ikug==
   dependencies:
     loader-utils "^1.1.0"
     normalize-url "1.9.1"