diff --git a/src/common/components/Icon.vue b/src/common/components/Icon.vue
index aede430..bd28301 100644
--- a/src/common/components/Icon.vue
+++ b/src/common/components/Icon.vue
@@ -88,7 +88,8 @@ export default {
 </script>
 
 <style scoped>
-.icon {
+
+.bi.icon {
   margin-left: 0.25em;
   margin-right: 0.25em;
 }
diff --git a/src/csui/NotificationUi.vue b/src/csui/NotificationUi.vue
index 0e0b0ea..0f117a9 100644
--- a/src/csui/NotificationUi.vue
+++ b/src/csui/NotificationUi.vue
@@ -181,6 +181,8 @@ export default {
 
   .notification-text {
     text-align: justify;
+    padding-left: 0.5em;
+    padding-right: 0.25em;
   }
   
   .notification-icon {