diff --git a/src/components/inc/BottomBar.tsx b/src/components/inc/BottomBar.tsx
index 6d00a79..8788416 100644
--- a/src/components/inc/BottomBar.tsx
+++ b/src/components/inc/BottomBar.tsx
@@ -151,7 +151,8 @@ const BottomBar = () => {
                   bg: "transparent",
                   color: "$text",
                   size: 20,
-                  textAlign: "center",
+                  display: "grid",
+                  placeItems: "center",
                   br: "$round",
                   "&:hover": {
                     bg: "rgba($bgRGB,0.5)",