diff --git a/assets/utils.css b/assets/utils.css
index 65dd5f63a..281d90c76 100644
--- a/assets/utils.css
+++ b/assets/utils.css
@@ -1 +1,2 @@
+@tailwind screens;
 @tailwind utilities;
diff --git a/components/core/UserNav/UserNav.tsx b/components/core/UserNav/UserNav.tsx
index 2f0d4925d..bf5a5a4b2 100644
--- a/components/core/UserNav/UserNav.tsx
+++ b/components/core/UserNav/UserNav.tsx
@@ -55,7 +55,7 @@ const UserNav: FC<Props> = ({ className, children, ...props }) => {
             <Menu>
               {({ open }) => (
                 <>
-                  <Menu.Button className="inline-flex justify-center">
+                  <Menu.Button className="inline-flex justify-center rounded-full">
                     <Avatar />
                   </Menu.Button>
                   <DropdownMenu onClose={closeDropdown} open={open} />
diff --git a/components/ui/Skeleton/Skeleton.module.css b/components/ui/Skeleton/Skeleton.module.css
index 6def0a5e0..5a852562b 100644
--- a/components/ui/Skeleton/Skeleton.module.css
+++ b/components/ui/Skeleton/Skeleton.module.css
@@ -1,5 +1,5 @@
 .skeleton {
-  @apply block rounded;
+  @apply block;
   background-image: linear-gradient(
     270deg,
     var(--accents-1),
diff --git a/package.json b/package.json
index 9365500a3..4608e0479 100644
--- a/package.json
+++ b/package.json
@@ -43,7 +43,8 @@
     "react-swipeable-views": "^0.13.9",
     "react-swipeable-views-utils": "^0.14.0-alpha.0",
     "react-ticker": "^1.2.2",
-    "swr": "^0.3.3"
+    "swr": "^0.3.3",
+    "tailwindcss": "^1.9"
   },
   "devDependencies": {
     "@graphql-codegen/cli": "^1.17.10",
@@ -65,7 +66,6 @@
     "postcss-flexbugs-fixes": "^4.2.1",
     "postcss-preset-env": "^6.7.0",
     "prettier": "^2.1.2",
-    "tailwindcss": "^1.8.10",
     "typescript": "^4.0.3"
   },
   "resolutions": {
diff --git a/yarn.lock b/yarn.lock
index 023467d2b..999b4c92e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8017,7 +8017,7 @@ symbol-observable@^1.0.4, symbol-observable@^1.1.0:
   resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.2.0.tgz#c22688aed4eab3cdc2dfeacbb561660560a00804"
   integrity sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==
 
-tailwindcss@^1.8.10:
+tailwindcss@^1.9:
   version "1.9.5"
   resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-1.9.5.tgz#3339b790a68bc1f09a8efd8eb94cb05aed5235c2"
   integrity sha512-Je5t1fAfyW333YTpSxF+8uJwbnrkpyBskDtZYgSMMKQbNp6QUhEKJ4g/JIevZjD2Zidz9VxLraEUq/yWOx6nQg==