diff --git a/src/interface/web/app/search/page.tsx b/src/interface/web/app/search/page.tsx
index 88d54ca4..61e726ac 100644
--- a/src/interface/web/app/search/page.tsx
+++ b/src/interface/web/app/search/page.tsx
@@ -222,7 +222,7 @@ export default function Search() {
                 <div className="md:w-3/4 sm:w-full mr-auto ml-auto pt-4 md:pt-8">
                     <div className='p-4 md:w-3/4 sm:w-full mr-auto ml-auto'>
                         <div className='flex justify-between items-center border-2 border-muted p-2 gap-4 rounded-lg'>
-                            <MagnifyingGlass className='inline m-2' />
+                            <MagnifyingGlass className='inline m-2 h-4 w-4' />
                             <Input
                                 autoFocus
                                 className='border-none'
diff --git a/src/interface/web/app/settings/page.tsx b/src/interface/web/app/settings/page.tsx
index 26bdda69..9947c06c 100644
--- a/src/interface/web/app/settings/page.tsx
+++ b/src/interface/web/app/settings/page.tsx
@@ -643,7 +643,7 @@ export default function SettingsView() {
     if (!userConfig) return <Loading />;
 
     return (
-        <div id="page" className={styles.page}>
+        <div className={styles.page}>
             <title>
                 {title}
             </title>
@@ -655,7 +655,7 @@ export default function SettingsView() {
                 />
             </div>
             <div className={styles.content}>
-                <div className={styles.contentBody}>
+                <div className={`${styles.contentBody} mx-10 my-2`}>
                     <Suspense fallback={<Loading />}>
                         <div id="content" className="grid grid-flow-column sm:grid-flow-row gap-16 m-8">
                             <div className="section grid gap-8">
diff --git a/src/interface/web/app/settings/settings.module.css b/src/interface/web/app/settings/settings.module.css
index 8c5ec535..118dc3b1 100644
--- a/src/interface/web/app/settings/settings.module.css
+++ b/src/interface/web/app/settings/settings.module.css
@@ -1,6 +1,6 @@
 div.page {
     display: grid;
-    grid-template-columns: auto 1fr;
+    grid-template-columns: 1fr;
     gap: 1rem;
     height: 100vh;
     color: hsla(var(--foreground));
@@ -8,15 +8,35 @@ div.page {
 div.contentBody {
     display: grid;
     margin: auto;
+    margin-left: 20vw;
+    margin-top: 1rem;
 }
 
 div.phoneInput {
     padding: 0rem;
 }
 
+div.sidePanel {
+    position: fixed;
+    height: 100%;
+}
+
 div.phoneInput input {
     width: 100%;
     padding: 0.5rem;
     border: 1px solid hsla(var(--border));
     border-radius: 0.25rem;
 }
+
+@media screen and (max-width: 768px) {
+
+    div.sidePanel {
+        position: relative;
+        height: 100%;
+    }
+
+    div.contentBody {
+        margin-left: 0;
+        margin-top: 0;
+    }
+}