diff --git a/src/components/bottom-navbar.vue b/src/components/bottom-navbar.vue
index 5910655..5798a35 100644
--- a/src/components/bottom-navbar.vue
+++ b/src/components/bottom-navbar.vue
@@ -31,7 +31,7 @@ import { RouterLink } from "vue-router";
 <style scoped>
 .bottomnav {
   width: calc(90% - 40px);
-  height: 70px;
+  height: 50px;
   background-color: var(--bottomnav-color);
   border-radius: 10px;
   position: fixed;
diff --git a/src/components/icons/bell-icon.vue b/src/components/icons/bell-icon.vue
index 9457a83..755294f 100644
--- a/src/components/icons/bell-icon.vue
+++ b/src/components/icons/bell-icon.vue
@@ -3,8 +3,8 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    width="39"
-    height="39"
+    width="30"
+    height="30"
     viewBox="0 0 24 24"
     fill="none"
     stroke="currentColor"
diff --git a/src/components/icons/calendar-icon.vue b/src/components/icons/calendar-icon.vue
index ad29f50..5d2d47a 100644
--- a/src/components/icons/calendar-icon.vue
+++ b/src/components/icons/calendar-icon.vue
@@ -3,8 +3,8 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    width="39"
-    height="39"
+    width="30"
+    height="30"
     viewBox="0 0 24 24"
     fill="none"
     stroke="currentColor"
diff --git a/src/components/icons/clock-icon.vue b/src/components/icons/clock-icon.vue
index 55d74b6..43b6d68 100644
--- a/src/components/icons/clock-icon.vue
+++ b/src/components/icons/clock-icon.vue
@@ -3,8 +3,8 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    width="39"
-    height="39"
+    width="30"
+    height="30"
     viewBox="0 0 24 24"
     fill="none"
     stroke="currentColor"