diff --git a/src/lib/components/CreateNewPost.svelte b/src/lib/components/CreateNewPost.svelte
index 2bd99389..551f12c7 100644
--- a/src/lib/components/CreateNewPost.svelte
+++ b/src/lib/components/CreateNewPost.svelte
@@ -9,7 +9,7 @@
   <!-- List container -->                  
   <div class="flex flex-col">
       <!-- Item -->
-      <div class="border border-gray-700 sm:hover:border-gray-600 rounded-none sm:rounded-md bg-[#202020] rounded-[4px] sm:rounded-[8px]">
+      <div class="sm:border border-gray-700 sm:hover:border-gray-600 rounded-none sm:rounded-md bg-[#202020] rounded-[4px] sm:rounded-[8px]">
         <div class="flex h-14 sm:h-16 justify-start items-center">
           <div class="ml-2 sm:ml-3 avatar relative">
             <div class="w-8 sm:w-10 rounded-full">
diff --git a/src/lib/components/PostSection.svelte b/src/lib/components/PostSection.svelte
index 3aa1c711..6a2ed762 100644
--- a/src/lib/components/PostSection.svelte
+++ b/src/lib/components/PostSection.svelte
@@ -310,7 +310,7 @@ $: {
   
     </div>
    
-  <div class="w-full bg-[#202020] border sm:hover:border-slate-600 border-gray-700 rounded-none sm:rounded-lg">
+  <div class="w-full bg-[#202020] border-t border-b sm:border sm:hover:border-slate-600 border-gray-700 rounded-none sm:rounded-lg">
       <!-- List container -->
       <div class="flex flex-col">
           <!-- Item -->
diff --git a/src/routes/community/+page.svelte b/src/routes/community/+page.svelte
index 1cff826d..3bbbf90e 100644
--- a/src/routes/community/+page.svelte
+++ b/src/routes/community/+page.svelte
@@ -422,7 +422,7 @@ $: {
                                   <!-- List container -->                  
                                   <div class="flex flex-col mt-4">
                                     <!-- Item -->
-                                    <div class="border border-gray-700 sm:hover:border-gray-600 rounded-none sm:rounded-md bg-[#202020] rounded-[4px] sm:rounded-[8px]">
+                                    <div class="border-t border-b sm:border border-gray-700 sm:hover:border-gray-600 rounded-none sm:rounded-md bg-[#202020] rounded-[4px] sm:rounded-[8px]">
                                       <div class="flex h-14 justify-start items-center">                                           
                                         <div class="flex flex-row ml-3">
                                           <label on:click={() => handleCategoryOfPosts('hot')} class="flex flex-row w-fit pl-3 pr-4 pt-1 pb-1 tab mr-2 font-medium transition duration-150 ease-out hover:ease-in rounded-full hover:bg-[#333333] {sortingPosts === 'hot' ? 'bg-[#333333] text-white' : 'text-gray-300'} rounded-full cursor-pointer">