diff --git a/src/layouts/PrimaryLayout.js b/src/layouts/PrimaryLayout.js
index c6a615f5..481f402a 100755
--- a/src/layouts/PrimaryLayout.js
+++ b/src/layouts/PrimaryLayout.js
@@ -84,8 +84,9 @@ class PrimaryLayout extends React.Component {
     window.DarkMode = isActive(currentTheme["darkmode"])? true : false
     return (
       <React.Fragment >
-        <Control />
-          {isActive(currentTheme['backgroundImage'])? <div style={{ 
+          <Control />
+          {isActive(currentTheme['backgroundImage'])
+          ?<div style={{ 
                   backgroundImage: `url(${currentTheme.backgroundImage.src})`,
                   transition: "all 150ms linear",
                   position: 'absolute',
diff --git a/src/layouts/PrimaryLayout.less b/src/layouts/PrimaryLayout.less
index 8a17f926..b0e40ab8 100755
--- a/src/layouts/PrimaryLayout.less
+++ b/src/layouts/PrimaryLayout.less
@@ -4,12 +4,14 @@
 .primary_layout_container {
   background-color: transparent;
   transition: all 150ms ease-in-out;
+  backdrop-filter: blur(2px);
 
   overflow-x: hidden;
   // overflow-y: overlay;
 
   width: auto;
-  height: 97%;
+  height: 98%;
+  align-self: baseline;
 
   position: relative;
   bottom: 0;
@@ -25,11 +27,6 @@
   @media (min-width: @bp-xlarge) {
     min-width: 1112px;
   }
-
-  &.interfaced{
-    height: calc(100% - @AppTheme_global_winavbar_height);
-  }
-
 }
 
 .primary_layout_content {
diff --git a/src/theme/base/index.less b/src/theme/base/index.less
index 350dd96a..646275fb 100644
--- a/src/theme/base/index.less
+++ b/src/theme/base/index.less
@@ -11,8 +11,6 @@
 @import './layout/Primary_Layout.less';
 @import './layout/LeftSider.less';
 
-@import './components/Menssaging.less';
-@import './components/PostCard.less';
 
 ::-webkit-scrollbar {
     position: absolute;
@@ -23,7 +21,7 @@
     height: 6px;
     border: 4px solid rgba(0, 0, 0, 0);
     background-clip: padding-box;
-    margin: 0 10px 0 0;
+    margin: 5px 10px 5px 5px;
     -webkit-border-radius: 7px;
     background-color: rgba(0, 0, 0, 0.15);
     -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.05), inset 1px 1px 0 rgba(0, 0, 0, 0.05);
@@ -48,9 +46,8 @@
   }
 
   &.dark_mode{
-    color: @AppTheme_global_color_dark!important;
-    background-color: @AppTheme_global_background_dark!important;
-
+    filter: invert(100%);
+    
     :global{
       .ant-card{
         background: @AppTheme_global_background_dark!important;
diff --git a/src/theme/base/vars.less b/src/theme/base/vars.less
index ad42c257..6edc219f 100644
--- a/src/theme/base/vars.less
+++ b/src/theme/base/vars.less
@@ -39,7 +39,6 @@
 @Overlay_container_1_btn_shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.205);
 
 
-
 @border-radius-base: 3px;
 @border-radius-sm: 2px;
 @shadow-color: rgba(0, 0, 0, 0.05);