diff --git a/README.md b/README.md
index 07afeb7f..c8990323 100644
--- a/README.md
+++ b/README.md
@@ -1,15 +1,4 @@
-# umi project
+# Comty-Development
+[![CodeFactor](https://www.codefactor.io/repository/github/srgooglo/comty-development/badge?s=d26d9c4b4f23bdf7fdc8209a8088c58841deffc3)](https://www.codefactor.io/repository/github/srgooglo/comty-development)
 
-## Getting Started
 
-Install dependencies,
-
-```bash
-$ yarn
-```
-
-Start the dev server,
-
-```bash
-$ yarn start
-```
diff --git a/src/components/Layout/ControlBar/index.less b/src/components/Layout/ControlBar/index.less
index 6a7cae7b..af088824 100644
--- a/src/components/Layout/ControlBar/index.less
+++ b/src/components/Layout/ControlBar/index.less
@@ -5,7 +5,7 @@
   background-color: rgba(0, 0, 0, 0.1);
   width: auto;
   max-width: 60%;
-  padding: 0 5px 0 5px;
+  padding: 0 5px;
   margin: 0 0 0 50%;
   height: auto;
   position: absolute;
diff --git a/src/components/Layout/Overlay/components/Card_Component.tsx b/src/components/Layout/Overlay/components/Card_Component.tsx
index 0da8dc14..d51bbb41 100644
--- a/src/components/Layout/Overlay/components/Card_Component.tsx
+++ b/src/components/Layout/Overlay/components/Card_Component.tsx
@@ -18,7 +18,7 @@ const Card_Component = (props: Card_Component_props) => {
     if (!props.type) frag = (props.children)
   
     return(
-      <div className={styles.render_component}> 
+      <div className={styles.render_component}>
         {frag}
       </div>
     )
diff --git a/src/components/Layout/Overlay/components/cards/__trendings.less b/src/components/Layout/Overlay/components/cards/__trendings.less
index 62c96009..15daad06 100644
--- a/src/components/Layout/Overlay/components/cards/__trendings.less
+++ b/src/components/Layout/Overlay/components/cards/__trendings.less
@@ -7,7 +7,7 @@
     font-weight: 500;
     
     .hash{
-      margin: 5px 0 3px 0;
+      margin: 5px 0 3px;
       cursor: pointer;
     }
 
diff --git a/src/components/Layout/Overlay/components/layout/Primary.tsx b/src/components/Layout/Overlay/components/layout/Primary.tsx
index 8413a559..ea21a8ac 100644
--- a/src/components/Layout/Overlay/components/layout/Primary.tsx
+++ b/src/components/Layout/Overlay/components/layout/Primary.tsx
@@ -15,7 +15,7 @@ export interface overlay_primary_props {
 }
 
 
-const renderExit = ( 
+const renderExit = (
     <div className={styles.exit_button}>
     <antd.Button type="ghost" icon={<Icons.LeftOutlined />} onClick={() => Swapper.closeAll()}> Back </antd.Button>
     </div>
diff --git a/src/components/Layout/Overlay/components/layout/Secondary.tsx b/src/components/Layout/Overlay/components/layout/Secondary.tsx
index 43d420ab..0b4c6335 100644
--- a/src/components/Layout/Overlay/components/layout/Secondary.tsx
+++ b/src/components/Layout/Overlay/components/layout/Secondary.tsx
@@ -11,12 +11,12 @@ export interface __sec_props {
     isMobile: boolean;
     functs: any;
     render: any;
-    type: any; 
+    type: any;
 }
 
 const isOpen = (props: __sec_props) => {
     const t_full = props.type === 'full_open'? true : false
-    const t_def = props.type === 'active'? true: false 
+    const t_def = props.type === 'active'? true: false
     if (t_full || t_def ) {
         return true
     }
@@ -36,7 +36,7 @@ const renderExit = (props: __sec_props) => {
 const __sec = (props: __sec_props) => {
     const { render, getRef, y, type, isMobile } = props
     const t_full = type == 'full_open'? true : false
-    const t_def = type == 'active'? true: false 
+    const t_def = type == 'active'? true: false
     return (
         <div
             id="Overlay_layout__sec"
diff --git a/src/components/Layout/Overlay/index.less b/src/components/Layout/Overlay/index.less
index 31caad5c..c8a8744f 100644
--- a/src/components/Layout/Overlay/index.less
+++ b/src/components/Layout/Overlay/index.less
@@ -80,7 +80,7 @@
 
   
   @media (max-width: @bp-medium) {
-    padding: 30px 5px 30px 5px;
+    padding: 30px 5px;
   }
 
   color: @Overlay_container1_def_color;
@@ -155,7 +155,7 @@
   .renderSearch_wrapper {
     height: 87vh;
     overflow: hidden;
-    margin: 20px 0 0 0;
+    margin: 20px 0 0;
     font-family: @__Global_general_font_family;
     h2 {
       color: #ffffff;
diff --git a/src/components/Layout/Overlay/index.tsx b/src/components/Layout/Overlay/index.tsx
index 6d2ba8d8..8bfb66a8 100644
--- a/src/components/Layout/Overlay/index.tsx
+++ b/src/components/Layout/Overlay/index.tsx
@@ -5,7 +5,7 @@ import classnames from 'classnames'
 import styles from './index.less'
 import * as errorhandler from 'core/libs/errorhandler'
 
-import { 
+import {
   Primary,
   Secondary,
   Card_Component,
@@ -46,8 +46,8 @@ export default class Overlay extends React.PureComponent {
     closeAll: () => {
       this.props.dispatch({
         type: 'app/updateState',
-        payload: { 
-          overlayActive: false, 
+        payload: {
+          overlayActive: false,
           overlayElement: null
         },
       });
@@ -57,8 +57,8 @@ export default class Overlay extends React.PureComponent {
       verbosity.debug('Dispatching fragment =>', payload)
       this.props.dispatch({
         type: 'app/updateState',
-        payload: { 
-          overlayActive: true, 
+        payload: {
+          overlayActive: true,
           overlayElement: payload
         },
       });
diff --git a/src/components/Layout/Sider/default/index.less b/src/components/Layout/Sider/default/index.less
index 3f084d15..3ac13e26 100644
--- a/src/components/Layout/Sider/default/index.less
+++ b/src/components/Layout/Sider/default/index.less
@@ -33,11 +33,11 @@
         border-radius: 4px 8px 8px 4px;
         padding: 2px 0 2px 24px;
         
-        text-align: left;        
-      } 
+        text-align: left;
+      }
 
       .ant-menu-item:hover {
-        border-radius: 8px 8px 8px 8px;
+        border-radius: 8px;
         transform: translate(10px,0);
         
         // background: linear-gradient(49deg, rgba(255,255,255,1) 32%, rgba(255, 255, 255, 0) 100%);
@@ -80,7 +80,7 @@
 }
 
 .something_thats_pulling_me_down {
-  margin: 0 0 12px 0;
+  margin: 0 0 12px;
   :global {
     text-align: center;
     bottom: 0;
@@ -105,7 +105,7 @@
 
 .left_sider_menuContainer {
   height: 100%;
-  margin: 18px 0 8px 0;
+  margin: 18px 0 8px;
   flex: 1;
 
   :global {
diff --git a/src/components/PostCreator/index.less b/src/components/PostCreator/index.less
index 1c46196c..42e14624 100644
--- a/src/components/PostCreator/index.less
+++ b/src/components/PostCreator/index.less
@@ -6,12 +6,12 @@
   max-width: 510px;
   min-width: 265px;
   width: auto;
-  margin: 7px auto 50px auto;
+  margin: 7px auto 50px;
 
   :global {
     textarea {
       font-weight: 500;
-      resize: none; 
+      resize: none;
       outline: none !important;
       border: 0 !important;
     }
@@ -37,7 +37,7 @@
     }
 
     .ant-card-body {
-      padding: 5px 15px 5px 15px;
+      padding: 5px 15px;
     }
 
     .ant-card-actions {
@@ -57,7 +57,7 @@
     }
 
     .ant-card-actions>li {
-      margin: -20px 0 0 0;
+      margin: -20px 0 0;
       border-right: 0;
 
       i {
@@ -98,7 +98,7 @@
   z-index: 10;
   position: relative;
   width: 100%;
-  padding: 18px 7px 0 7px;
+  padding: 18px 7px 0;
   transition: height 150ms linear;
 
   :global {
@@ -117,9 +117,9 @@
       position: relative;
       border-color: transparent !important;
       box-shadow: none;
-      border-radius: 3px 0 0 0;
+      border-radius: 3px 0 0;
       height: 100%;
-      padding: 5px 10px 5px 10px;
+      padding: 5px 10px;
       transition: height 150ms linear;
       width: 100%;
 
@@ -138,7 +138,7 @@
 .progressHandler {
   z-index: 10;
   position: relative;
-  margin: 0 7px 0 7px;
+  margin: 0 7px;
 
   :global {
     .ant-progress-bg {
@@ -157,7 +157,7 @@
   width: 100%;
   height: 100%;
   position: relative;
-  margin: 0 0 40px 0;
+  margin: 0 0 40px;
 
   .shareWith {
     color: rgb(53, 53, 53);
@@ -234,7 +234,7 @@
   width: 100%;
   height: 100%;
   // top: -100px;
-  margin: 0 0 15px 0;
+  margin: 0 0 15px;
   background-color: #eeeeee;
 
   .imagePreview {
diff --git a/src/core/libs/interface/modals/modals.less b/src/core/libs/interface/modals/modals.less
index 9b9266d3..6235c2cf 100644
--- a/src/core/libs/interface/modals/modals.less
+++ b/src/core/libs/interface/modals/modals.less
@@ -1,7 +1,7 @@
 .post_report_main{
     padding: 0 0 0 115px;
     &.mobile{
-        padding: 0 0 60px 0;
+        padding: 0 0 60px;
     }
 }
 .post_report_body{
diff --git a/src/pages/login/index.less b/src/pages/login/index.less
index cf7bb1dc..db92a342 100644
--- a/src/pages/login/index.less
+++ b/src/pages/login/index.less
@@ -37,7 +37,7 @@
   }
   :global{
     input:-webkit-autofill,
-    input:-webkit-autofill:hover, 
+    input:-webkit-autofill:hover,
     input:-webkit-autofill:focus,
     textarea:-webkit-autofill,
     textarea:-webkit-autofill:hover,
@@ -47,8 +47,8 @@
     select:-webkit-autofill:focus {
       border: 0;
       -webkit-text-fill-color: #333;
-      -webkit-box-shadow: 0 0 0px 1000px #ffffff98 inset;
-      box-shadow: #fff 0px 0px 0px 1000px inset;
+      -webkit-box-shadow: 0 0 0 1000px #ffffff98 inset;
+      box-shadow: #fff 0 0 0 1000px inset;
       transition: background-color 5000s ease-in-out 0s;
     }
 
@@ -80,7 +80,7 @@
   background-color: #fff;
   padding: 20px;
   border-radius: 12px 0 0 12px;
-  box-shadow: 0px 10px 20px 0px rgba(51,51,51,0.52);
+  box-shadow: 0 10px 20px 0 rgba(51,51,51,0.52);
   transition: all 300ms ease-in-out;
 
 }
@@ -90,11 +90,11 @@
   width: 70%;
   max-height: -webkit-fill-available;
   height: 150px;
-  padding: 20px 50px 20px 50px;
+  padding: 20px 50px;
   color: #333;
   background-color: #fff;
   border-radius: 12px;
-  box-shadow: 0px 10px 20px 0px rgba(51,51,51,0.52);
+  box-shadow: 0 10px 20px 0 rgba(51,51,51,0.52);
   transition: all 300ms ease-in-out;
 }
 
@@ -116,7 +116,7 @@
   :global{
     .ant-btn{
       margin: auto;
-      padding: 0 5px 0 5px;
+      padding: 0 5px;
     }
   }
 
@@ -127,7 +127,7 @@
 
 @keyframes go-out {
   0% {
-    filter: blur(0px)
+    filter: blur(0)
   }
 
   100% {
@@ -160,13 +160,13 @@
     width: 100%;
     float: none;
     border-radius: 12px 12px 0 0;
-    padding: 20px 20px 20px 20px;
+    padding: 20px;
     transform: translate(0, 22px);
   }
   .right_body{
     width: 100%;
     float: none;
-    padding: 20px 60px 20px 60px;
+    padding: 20px 60px;
   }
 }
 
@@ -201,7 +201,7 @@
     box-shadow: none;
     width: 100%;
     float: none;
-    padding: 20px 20px 20px 20px;
+    padding: 20px;
   }
 }
 
diff --git a/src/pages/settings/style.less b/src/pages/settings/style.less
index ae1212d2..877f1fb7 100755
--- a/src/pages/settings/style.less
+++ b/src/pages/settings/style.less
@@ -2,7 +2,7 @@
 
 .main {
   font-family: "Nunito", sans-serif;
-  margin: 20px 0 0 0;
+  margin: 20px 0 0;
   display: flex;
   width: 100%;
   height: 100%;
diff --git a/src/theme/base/index.less b/src/theme/base/index.less
index 28ad5413..02599c9d 100644
--- a/src/theme/base/index.less
+++ b/src/theme/base/index.less
@@ -26,7 +26,7 @@
     margin: 0 10px 0 0;
     -webkit-border-radius: 7px;
     background-color: rgba(0, 0, 0, 0.15);
-    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.05), inset 1px 1px 0 rgba(0, 0, 0, 0.05);
 }
 ::-webkit-scrollbar-button {
     width: 0;
@@ -75,7 +75,7 @@
       min-width: unset;
     }
     .primary_layout_content{
-      padding: 35px 15px 15px 15px;
+      padding: 35px 15px 15px;
     }
   }