From a1960c359b99a63d49ccbb2ea2227cb8c4963cdb Mon Sep 17 00:00:00 2001
From: liyasthomas <liyascthomas@gmail.com>
Date: Tue, 1 Mar 2022 16:18:14 +0530
Subject: [PATCH] fix: broken alignment in small screens

---
 .../hoppscotch-app/components/app/Sidenav.vue | 40 +++++++++----------
 1 file changed, 18 insertions(+), 22 deletions(-)

diff --git a/packages/hoppscotch-app/components/app/Sidenav.vue b/packages/hoppscotch-app/components/app/Sidenav.vue
index 43370d21d..b2741365d 100644
--- a/packages/hoppscotch-app/components/app/Sidenav.vue
+++ b/packages/hoppscotch-app/components/app/Sidenav.vue
@@ -1,28 +1,24 @@
 <template>
   <aside class="flex justify-between h-full md:flex-col">
     <nav class="flex flex-1 flex-nowrap md:flex-col md:flex-none">
-      <ul>
-        <li>
-          <NuxtLink
-            v-for="(navigation, index) in primaryNavigation"
-            :key="`navigation-${index}`"
-            :to="localePath(navigation.target)"
-            class="nav-link"
-            tabindex="0"
-          >
-            <div v-if="navigation.svg">
-              <SmartIcon :name="navigation.svg" class="svg-icons" />
-            </div>
-            <span v-if="EXPAND_NAVIGATION">{{ navigation.title }}</span>
-            <tippy
-              v-if="!EXPAND_NAVIGATION"
-              :placement="mdAndLarger ? 'right' : 'bottom'"
-              theme="tooltip"
-              :content="navigation.title"
-            />
-          </NuxtLink>
-        </li>
-      </ul>
+      <NuxtLink
+        v-for="(navigation, index) in primaryNavigation"
+        :key="`navigation-${index}`"
+        :to="localePath(navigation.target)"
+        class="nav-link"
+        tabindex="0"
+      >
+        <div v-if="navigation.svg">
+          <SmartIcon :name="navigation.svg" class="svg-icons" />
+        </div>
+        <span v-if="EXPAND_NAVIGATION">{{ navigation.title }}</span>
+        <tippy
+          v-if="!EXPAND_NAVIGATION"
+          :placement="mdAndLarger ? 'right' : 'bottom'"
+          theme="tooltip"
+          :content="navigation.title"
+        />
+      </NuxtLink>
     </nav>
   </aside>
 </template>