diff --git a/src/app/pages/archive/archive.component.html b/src/app/pages/archive/archive.component.html
index f3b9221..e24a96c 100644
--- a/src/app/pages/archive/archive.component.html
+++ b/src/app/pages/archive/archive.component.html
@@ -2,13 +2,13 @@
   <div
     class="mt-12 relative h-full flex flex-col text-gray-300 w-full text-xs p-6"
   >
-    <div class="w-full">
+    <div class="w-full md:block hidden">
       <div class="bg-green-700 h-4 w-full"></div>
       <div class="w-full flex justify-between">
-        <div></div>
+        <div class="min-w-44"></div>
         <div class="flex gap-4">
           <button
-            class="bg-green-700 p-2 flex justify-between items-center min-w-64"
+            class="bg-green-700 p-1 px-2 flex justify-between items-center min-w-64"
           >
             <div>BEAR</div>
             <div>
@@ -29,7 +29,7 @@
             </div>
           </button>
           <button
-            class="bg-green-700 p-2 gap-2 flex justify-between items-center"
+            class="bg-green-700 p-1 px-2 gap-2 flex justify-between items-center"
           >
             <div>2021-08</div>
             <div>
@@ -51,7 +51,7 @@
           </button>
         </div>
         <div class="flex gap-4">
-          <button class="bg-green-700 p-2 flex justify-between items-center min-w-24">
+          <button class="bg-green-700 p-1 px-2 flex justify-between items-center min-w-24">
             <div>14°C</div>
             <div>
               <svg
@@ -70,7 +70,7 @@
               </svg>
             </div>
           </button>
-          <button class="bg-green-700 p-2 flex justify-between items-center min-w-24">
+          <button class="bg-green-700 p-1 px-2 flex justify-between items-center min-w-24">
             <div>O</div>
             <div>
               <svg