diff --git a/docs/src/theme/DocItem/Layout/index.js b/docs/src/theme/DocItem/Layout/index.js
index 79f8f240cc9be..3aa880b0d6b29 100644
--- a/docs/src/theme/DocItem/Layout/index.js
+++ b/docs/src/theme/DocItem/Layout/index.js
@@ -60,6 +60,7 @@ export default function DocItemLayout({children}) {
               flexDirection: "column",
               alignItems: "flex-end",
               float: "right",
+              marginLeft: 12,
             }}>
               {linkColab && (<a target="_blank" href={linkColab}>
                 <img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open In Colab"/>