diff --git a/app/assets/stylesheets/themes/scinote.scss b/app/assets/stylesheets/themes/scinote.scss
index 939c77875..ff1fec8cc 100644
--- a/app/assets/stylesheets/themes/scinote.scss
+++ b/app/assets/stylesheets/themes/scinote.scss
@@ -762,7 +762,10 @@ ul.double-line > li {
       background-color: var(--state-color);
       color: $color-white;
       margin: 3px 0;
+      max-width: 100%;
+      overflow: hidden;
       padding: 2px 8px;
+      text-overflow: ellipsis;
       white-space: nowrap;
       width: fit-content;
     }
diff --git a/app/views/canvas/full_zoom/_my_module.html.erb b/app/views/canvas/full_zoom/_my_module.html.erb
index 3f4ef6fa7..af2f9385d 100644
--- a/app/views/canvas/full_zoom/_my_module.html.erb
+++ b/app/views/canvas/full_zoom/_my_module.html.erb
@@ -37,8 +37,8 @@
     <% else %>
       <%= render partial: "my_modules/card_due_date_label.html.erb", locals: { my_module: my_module, format: :full_date } %>
     <% end %>
-    <div class="status-label" style="--state-color: #2DBE61">
-      Completed
+    <div class="status-label" style="--state-color: <%= my_module.my_module_status.color %>">
+      <%= my_module.my_module_status.name %>
     </div>
   </div>