diff --git a/labextension/src/components/DeployButton.tsx b/labextension/src/components/DeployButton.tsx
index 6b839ba4..41353fa5 100644
--- a/labextension/src/components/DeployButton.tsx
+++ b/labextension/src/components/DeployButton.tsx
@@ -37,7 +37,8 @@ const StyledButtonGroup = styled(ButtonGroup)({
 });
 
 const MainButton = styled(Button)({
-  width: '100%'
+  width: '100%',
+  whiteSpace: 'nowrap'
 });
 
 const DropdownButton = styled(Button)({
@@ -102,7 +103,7 @@ export const SplitDeployButton: React.FunctionComponent<
     <DeployButtonContainer>
       <div className="deploy-button">
         <Grid container>
-          <Grid size={12} sx={{ padding: '4px 10px' }}>
+          <Grid size={12} sx={{ padding: '4px 6px' }}>
             <StyledButtonGroup
               variant="contained"
               color="primary"
diff --git a/labextension/style/index.css b/labextension/style/index.css
index cb4e0240..939ebbe2 100644
--- a/labextension/style/index.css
+++ b/labextension/style/index.css
@@ -106,6 +106,24 @@
   text-transform: uppercase;
 }
 
+/* Keep dropdown (split) button fixed size when panel is resized */
+.deploy-button .MuiButtonGroup-root {
+  display: flex;
+  width: 100%;
+}
+
+.deploy-button .MuiButtonGroup-grouped:first-child {
+  flex: 1 1 auto;
+  min-width: 0;
+  width: auto;
+}
+
+.deploy-button .MuiButtonGroup-grouped:last-child {
+  flex: 0 0 auto;
+  min-width: 40px;
+  width: 40px;
+}
+
 /* -----------------------------------------------------------------------------
 | Inputs
 |---------------------------------------------------------------------------- */