diff --git a/components/Settings/UserProfile/index.tsx b/components/Settings/UserProfile/index.tsx
index 01fe689..5b0c425 100644
--- a/components/Settings/UserProfile/index.tsx
+++ b/components/Settings/UserProfile/index.tsx
@@ -25,12 +25,13 @@ export default function UserProfile({ user }: { user: QueriedUserData }) {
   const { backgroundCheck } = user;
 
   return (
-    <Card title="Your Profile" bordered
+    <Card
+      title="Your Profile"
+      bordered
       style={{
         // make the border more obvious using box-shadow
         boxShadow: '0px 0px 10px 0px rgba(0,0,0,0.1)',
-      }}
-    >
+      }}>
       <p>Name: {user.name}</p>
       <p>Email: {user.email}</p>
       <p>Phone: {user.phone}</p>
diff --git a/pages/settings.tsx b/pages/settings.tsx
index 04a09b5..ea1116a 100644
--- a/pages/settings.tsx
+++ b/pages/settings.tsx
@@ -1,6 +1,5 @@
 import SettingsDashboard from '@/components/Settings/SettingsDashboard';
 const SettingsPage = () => {
-
   return (
     <>
       <SettingsDashboard />
diff --git a/styles/settings.style.tsx b/styles/settings.style.tsx
index 0811cd9..5ca2888 100644
--- a/styles/settings.style.tsx
+++ b/styles/settings.style.tsx
@@ -1,5 +1,4 @@
-import styled from "styled-components";
-
+import styled from 'styled-components';
 
 // a container for centering the content
 export const CenteringContainer = styled.div`
@@ -8,4 +7,4 @@ export const CenteringContainer = styled.div`
   justify-content: center;
   align-items: center;
   height: 100vh;
-`;
\ No newline at end of file
+`;