diff --git a/src/screens/UserPortal/Settings/Settings.tsx b/src/screens/UserPortal/Settings/Settings.tsx
index 2a275bb8dd..c042ccc9c3 100644
--- a/src/screens/UserPortal/Settings/Settings.tsx
+++ b/src/screens/UserPortal/Settings/Settings.tsx
@@ -258,12 +258,13 @@ export default function settings(): JSX.Element {
       )}
       <UserSidebar hideDrawer={hideDrawer} setHideDrawer={setHideDrawer} />
       <div
-        className={`d-flex flex-row ${styles.containerHeight} ${hideDrawer === null
+        className={`d-flex flex-row ${styles.containerHeight} ${
+          hideDrawer === null
             ? ''
             : hideDrawer
               ? styles.expand
               : styles.contract
-          }`}
+        }`}
       >
         <div className={`${styles.mainContainer}`}>
           <div className="d-flex justify-content-between align-items-center">