diff --git a/client/src/components/Dashboard/Dashboard.js b/client/src/components/Dashboard/Dashboard.js
index 996587acc..7be031c16 100644
--- a/client/src/components/Dashboard/Dashboard.js
+++ b/client/src/components/Dashboard/Dashboard.js
@@ -15,8 +15,10 @@ export default function Dashboard() {
     <div className={classNames('dashboard')}>
       <Switch>
         <Route path="/preferences">
-          <Sidebar />
-          <PreferencesSidebar />
+          <DashboardSplitPane>
+            <Sidebar />
+            <PreferencesSidebar />
+          </DashboardSplitPane>
           <PreferencesContent />
         </Route>
 
@@ -32,4 +34,4 @@ export default function Dashboard() {
       <DialogsContainer />
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/client/src/style/pages/preferences.scss b/client/src/style/pages/preferences.scss
index 5d9b25712..95aeefa1b 100644
--- a/client/src/style/pages/preferences.scss
+++ b/client/src/style/pages/preferences.scss
@@ -1,6 +1,8 @@
 .dashboard-content--preferences {
-  margin-left: 430px;
-  height: 700px;
+  // margin-left: 430px;
+  margin-left: 410px;
+  width: 100%;
+  // height: max-content;
   position: relative;
 }
 
@@ -58,7 +60,9 @@
 .preferences__sidebar {
   background: #fdfdfd;
   position: fixed;
-  left: 220px;
+  // left: 220px;
+  left: 200px;
+  top: 1px;
   min-width: 210px;
   max-width: 210px;
   height: 100%;
@@ -104,10 +108,9 @@
 //  Preference
 //---------------------------------
 .preferences__inside-content--general {
-
   .bp3-form-group {
     margin: 25px 20px 20px;
-  
+
     .bp3-label {
       min-width: 180px;
     }
@@ -117,8 +120,7 @@
   }
 
   .form-group--org-name,
-  .form-group--org-industry{
-
+  .form-group--org-industry {
     .bp3-form-content {
       position: relative;
       width: 70%;