diff --git a/src/routes/community/profile/+page.svelte b/src/routes/community/profile/+page.svelte
index 063bfa62..1fb8f94d 100644
--- a/src/routes/community/profile/+page.svelte
+++ b/src/routes/community/profile/+page.svelte
@@ -570,7 +570,7 @@ onDestroy(async () => {
 
             <div class="w-full flex flex-row">
             <!--Start Profile Pic-->
-            <div class="flex items-center justify-start mb-5 w-screen sm:w-full bg-[#141417] h-48 sm:rounded-xl border border-gray-700 sm:hover:border-gray-600">
+            <div class="flex items-center justify-start mb-5 w-screen sm:w-full sm:bg-[#141417] h-48 sm:rounded-xl sm:border sm:border-gray-700 sm:hover:border-gray-600">
               <form 
                 on:submit={handleAvatar}
                 class="ml-5"
@@ -614,11 +614,12 @@ onDestroy(async () => {
                       Joined on {new Date(data?.user?.created ?? null)?.toLocaleString('en-US', { month: 'short', day: 'numeric', year: 'numeric', daySuffix: '2-digit' })}
                     </span>
                 </div>
+                
               
               
             </div>
 
-                      <!-- Sidebar -->
+            <!-- Sidebar -->
             <aside class="hidden lg:inline-block h-sh lg:w-1/3 lg:pr-2 xl:pr-0">
               <div class="lg:pl-5 z-20 h-full">
             
@@ -710,6 +711,8 @@ onDestroy(async () => {
     
               <!--End Profile Pic-->
 
+           <div class="sm:hidden h-2 w-full -mt-10 mb-6 bg-[#27272A]" />
+
               
 
               <div class="w-full" >
diff --git a/src/routes/stock-screener/+page.svelte b/src/routes/stock-screener/+page.svelte
index 54b531ba..f68affab 100644
--- a/src/routes/stock-screener/+page.svelte
+++ b/src/routes/stock-screener/+page.svelte
@@ -419,11 +419,11 @@ onMount(async () => {
 
       <div class="relative p-2 sm:hidden -mt-2">
         {#each strategyList as item, index}
-          <div class="bg-[#09090B] shadow-lg rounded-lg border border-gray-600 h-fit pb-2 pl-4 pr-4 pt-4 mb-7">
+          <div class="bg-[#09090B] shadow-lg border-t border-b border-gray-600 h-fit pb-2 px-2 pt-4 mb-7">
               <div class="flex flex-row items-center">
                 <label class="font-medium cursor-pointer flex flex-col w-40">
-                  <span class="text-slate-300">No. Strategy</span>
-                  <span class="text-slate-300 text-[1rem]">{index+1}</span>
+                  <span class="text-white">No. Strategy</span>
+                  <span class="text-white text-[1rem]">{index+1}</span>
                 </label>
 
                 <div class="font-medium text-white flex flex-col justify-end items-end ml-auto">
@@ -437,14 +437,14 @@ onMount(async () => {
 
               <div class="flex flex-row items-center">
                 <div class="flex flex-col w-40">
-                  <span class="font-medium text-slate-300">Title</span>
+                  <span class="font-medium text-white">Title</span>
                   <span class="text-white text-[1rem] font-medium">
                     {item?.title}
                   </span>
                 </div>
 
                 <div class="flex flex-col justify-end items-end ml-auto">
-                  <span class="font-medium text-slate-300 text-ends">Total Rules</span>
+                  <span class="font-medium text-white text-ends">Total Rules</span>
                   <span class="text-white font-medium text-[1rem] text-end">
                     {item?.rules?.length}
                   </span>
diff --git a/src/routes/stock-screener/[strategyId]/+page.svelte b/src/routes/stock-screener/[strategyId]/+page.svelte
index d660ddd7..7368bb87 100644
--- a/src/routes/stock-screener/[strategyId]/+page.svelte
+++ b/src/routes/stock-screener/[strategyId]/+page.svelte
@@ -1246,7 +1246,7 @@ async function popularStrategy(state: string) {
             <!-- head -->
             <tbody>
               {#each (searchTerm?.length !== 0 ? filteredRows : allRows) as row, index}
-                <tr on:click={() => changeRule(row?.rule)} class="hover:bg-[#333333] border-b border-slate-800 cursor-pointer">
+                <tr on:click={() => changeRule(row?.rule)} class="border-b border-slate-800 cursor-pointer">
                   <td class="w-6">{index+1}</td>
                   <td class="w-3">
                     {#if ruleOfList.find((rule) => rule?.name === row?.rule)}