diff --git a/frontend/src/components/CalendarDay/CalendarDay.css b/frontend/src/components/CalendarDay/CalendarDay.css
index b12c0df9..f5f2635d 100644
--- a/frontend/src/components/CalendarDay/CalendarDay.css
+++ b/frontend/src/components/CalendarDay/CalendarDay.css
@@ -20,6 +20,11 @@
     gap: 1px;
 }
 
+.empty-day{
+    cursor: not-allowed;
+    pointer-events: none;
+}
+
 #calendar-date {
     margin: 0;
 }
diff --git a/frontend/src/components/CalendarDay/CalendarDay.tsx b/frontend/src/components/CalendarDay/CalendarDay.tsx
index 28c357f9..dff800f1 100644
--- a/frontend/src/components/CalendarDay/CalendarDay.tsx
+++ b/frontend/src/components/CalendarDay/CalendarDay.tsx
@@ -18,8 +18,10 @@ export default function CalendarDay(props: Readonly<Props>) {
 
     return (<div id={"calendar-day-wrapper"} >
             {props.vocabIdsOfDate && <button id={"calendar-day"}
+                                             disabled={props.vocabIdsOfDate?.vocabIds?.length >
+                                                 0}
                                              className={props.vocabIdsOfDate?.vocabIds?.length >
-                                             0 ? 'dots' : 'no-dots'}
+                                             0 ? '' : 'empty-day'}
                                              onClick={() => props.vocabIdsOfDate &&
                                                  props.openDayPopUpAndPassItVocabs(
                                                      props.vocabIdsOfDate)}
diff --git a/frontend/src/components/NavBar/NavBar.css b/frontend/src/components/NavBar/NavBar.css
index 248aefdb..edf79476 100644
--- a/frontend/src/components/NavBar/NavBar.css
+++ b/frontend/src/components/NavBar/NavBar.css
@@ -31,6 +31,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
+    cursor: pointer;
 }
 
 .navbar-button-text {
diff --git a/frontend/src/components/NavBar/NavBar.tsx b/frontend/src/components/NavBar/NavBar.tsx
index a84e0262..e0a5f7b8 100644
--- a/frontend/src/components/NavBar/NavBar.tsx
+++ b/frontend/src/components/NavBar/NavBar.tsx
@@ -12,12 +12,6 @@ export default function NavBar(props: Readonly<Props>) {
     const navigate = useNavigate();
     const path = window.location.pathname
 
-    const handleKeyDown = (event: React.KeyboardEvent<HTMLLIElement>,
-                           path: string) => {
-        if (event.key === 'Enter' || event.key === ' ') {
-            navigate(path);
-        }
-    };
     return (<ul id={"navbar"}>
         <li onClick={() => navigate('/backlog')}
             className={`navbar-button ${path === '/backlog' && !props.useForm ?
diff --git a/frontend/src/components/VocabListItem/VocabListItem.css b/frontend/src/components/VocabListItem/VocabListItem.css
index 90a34e65..b29a8d60 100644
--- a/frontend/src/components/VocabListItem/VocabListItem.css
+++ b/frontend/src/components/VocabListItem/VocabListItem.css
@@ -15,11 +15,10 @@
 
 .list-item-backlog-mode {
     margin: 10px;
-    padding: 25px 20px 20px 20px;
-    width: 250px;
-    height: 110px;
-    min-width: 260px;
-    font-size: 20px;
+    padding: 30px 20px 20px 20px;
+    /*width: 270px;*/
+    height: 50px;
+
 }
 
 #text-wrapper {
@@ -27,7 +26,7 @@
     flex-direction: column;
     justify-content: space-between;
     margin: 0;
-    padding: 0 15px 0 0;
+    padding: 0 20px 0 0;
     height: 100%;
     line-height: 25px;
     text-overflow: ellipsis;
@@ -36,7 +35,7 @@
 }
 
 .text-wrapper-backlog-mode{
-    width: 100%;
+    width: 200px;
 }
 .text-wrapper-calendar-mode{
     width: 100px;
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 87c21fc7..73424701 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -15,6 +15,7 @@ body {
     font-family: 'Roboto', sans-serif;
     color: black;
     background-color: #D1E7F5;
+    line-height: 25px;
 }
 
 button {
@@ -64,7 +65,7 @@ button {
 
 .home-button {
     margin-top: 1rem;
-    padding: 5px
+    padding: 6px 8px;
 }
 
 .pop-up {
diff --git a/frontend/src/pages/HomePage/HomePage.css b/frontend/src/pages/HomePage/HomePage.css
index d834e7e7..71a067fa 100644
--- a/frontend/src/pages/HomePage/HomePage.css
+++ b/frontend/src/pages/HomePage/HomePage.css
@@ -14,7 +14,6 @@
 }
 
 .homepage-text{
-line-height: 20px;
     padding-left: 15px;
     align-self: center;
 }