diff --git a/packages/console/src/pages/Connectors/index.module.scss b/packages/console/src/pages/Connectors/index.module.scss
index 7b378220b..215a8c2f7 100644
--- a/packages/console/src/pages/Connectors/index.module.scss
+++ b/packages/console/src/pages/Connectors/index.module.scss
@@ -1,18 +1,20 @@
 @use '@/scss/underscore' as _;
 
-.tabs {
-  margin-top: _.unit(4);
-}
+.container {
+  .tabs {
+    margin-top: _.unit(4);
+  }
 
-.connectorName {
-  width: 360px;
-}
+  .connectorName {
+    width: 360px;
+  }
 
-.empty {
-  text-align: center;
-  font-size: var(--font-body-medium);
-}
+  .empty {
+    text-align: center;
+    font-size: var(--font-body-medium);
+  }
 
-.emptyLine {
-  padding: _.unit(2) 0;
+  .emptyLine {
+    padding: _.unit(2) 0;
+  }
 }
diff --git a/packages/console/src/pages/Connectors/index.tsx b/packages/console/src/pages/Connectors/index.tsx
index b3bf5aca8..3086d9a8e 100644
--- a/packages/console/src/pages/Connectors/index.tsx
+++ b/packages/console/src/pages/Connectors/index.tsx
@@ -60,7 +60,7 @@ const Connectors = () => {
 
   return (
     <>
-      <div className={resourcesStyles.container}>
+      <div className={classNames(resourcesStyles.container, styles.container)}>
         <div className={resourcesStyles.headline}>
           <CardTitle title="connectors.title" subtitle="connectors.subtitle" />
           {isSocial && (