diff --git a/x-pack/legacy/plugins/code/public/components/main/directory.tsx b/x-pack/legacy/plugins/code/public/components/main/directory.tsx
index 29667e6e44024..090e594f82a65 100644
--- a/x-pack/legacy/plugins/code/public/components/main/directory.tsx
+++ b/x-pack/legacy/plugins/code/public/components/main/directory.tsx
@@ -52,18 +52,18 @@ const DirectoryNodes = (props: DirectoryNodesProps) => {
     </EuiFlexItem>
   ));
   return (
-    <EuiFlexItem className="codeContainer__directoryList">
-      <EuiFlexGroup direction="column" gutterSize="none">
-        <EuiFlexItem>
+    <div className="codeContainer__directoryList">
+      <div>
+        <div>
           <EuiTitle size="s">
             <h3>{props.title}</h3>
           </EuiTitle>
-        </EuiFlexItem>
+        </div>
         <EuiFlexGroup wrap direction="row" gutterSize="none" justifyContent="flexStart">
           {nodes}
         </EuiFlexGroup>
-      </EuiFlexGroup>
-    </EuiFlexItem>
+      </div>
+    </div>
   );
 };
 
@@ -120,9 +120,5 @@ export const Directory = withRouter((props: Props) => {
       {folders.length > 0 && folderList}
     </React.Fragment>
   );
-  return (
-    <EuiFlexGroup direction="column" gutterSize="none">
-      {children}
-    </EuiFlexGroup>
-  );
+  return <div>{children}</div>;
 });
diff --git a/x-pack/legacy/plugins/code/public/style/_layout.scss b/x-pack/legacy/plugins/code/public/style/_layout.scss
index 66d256e1a7712..6b40f0e6106bc 100644
--- a/x-pack/legacy/plugins/code/public/style/_layout.scss
+++ b/x-pack/legacy/plugins/code/public/style/_layout.scss
@@ -185,6 +185,7 @@
   }
   &:not(:first-child) {
     padding-top: 0;
+    padding-bottom: 0;
   }
 }