diff --git a/packages/garden/src/lib/components/ViewSettings/viewSettings.styles.ts b/packages/garden/src/lib/components/ViewSettings/viewSettings.styles.ts
index a8674561a..da3c5d921 100644
--- a/packages/garden/src/lib/components/ViewSettings/viewSettings.styles.ts
+++ b/packages/garden/src/lib/components/ViewSettings/viewSettings.styles.ts
@@ -9,7 +9,7 @@ export const StyledViewSettings = styled.div<StyledViewSettingsProps>`
   width: ${(props) => (props.expanded ? '260px' : '45px')};
   box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.1);
   margin-left: 2px;
-  padding: ${(props) => (props.expanded ? '10px' : '0px')};
+  padding: ${(props) => (props.expanded ? '10px 0' : '0px')};
   transition: width 0.1s ease;
   overflow: hidden;
   background-color: ${tokens.colors.ui.background__light.rgba};