diff --git a/packages/core/content-type-builder/admin/src/pages/App/TempTP.js b/packages/core/content-type-builder/admin/src/pages/App/TempTP.js
index 4c44cce54e..d8070decdc 100644
--- a/packages/core/content-type-builder/admin/src/pages/App/TempTP.js
+++ b/packages/core/content-type-builder/admin/src/pages/App/TempTP.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { ThemeProvider } from 'styled-components';
 import 'bootstrap/dist/css/bootstrap.css';
 
@@ -92,6 +92,21 @@ const theme = {
 };
 
 // eslint-disable-next-line react/prop-types
-const TempTP = ({ children }) => <ThemeProvider theme={theme}>{children}</ThemeProvider>;
+const TempTP = ({ children }) => {
+  // FIXME:
+  // temporary hack to remove bootstrap css
+  // tested on chrome, safari and firefox it seems to be working...
+  useEffect(() => {
+    return () => {
+      const targetelement = 'style';
+
+      const allsuspects = document.getElementsByTagName(targetelement);
+
+      document.getElementsByTagName('head')[0].removeChild(allsuspects[allsuspects.length - 1]);
+    };
+  }, []);
+
+  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
+};
 
 export default TempTP;