diff --git a/public/popup.css b/public/popup.css
index 4e61f847..0fd1f839 100644
--- a/public/popup.css
+++ b/public/popup.css
@@ -42,15 +42,6 @@
   text-align: center;
 }
 
-#issueReporterContainer {
-  display: flex;
-  justify-content: center;
-}
-
-#issueReporterTimeButtons {
-  text-align: left;
-}
-
 #issueReporterTimeButtons > .votingButtons > .segmentTimeButton {
   font-weight: bold;
   color: var(--sb-main-fg-color);
diff --git a/src/popup.ts b/src/popup.ts
index fffdf43c..7ae6f6d5 100644
--- a/src/popup.ts
+++ b/src/popup.ts
@@ -387,14 +387,14 @@ async function runThePopup(messageListener?: MessageListener): Promise<void> {
                     extraInfo = " (" + chrome.i18n.getMessage("hiddenDueToDuration") + ")";
                 }
                 
-                const segmentTimeFromTo = utils.getFormattedTime(segmentTimes[i].segment[0], true) + " " + chrome.i18n.getMessage("to") + " " + utils.getFormattedTime(segmentTimes[i].segment[1], true);
-                
-                const segmentTimeFromToNode = document.createTextNode(segmentTimeFromTo);
                 const textNode = document.createTextNode(utils.shortCategoryName(segmentTimes[i].category) + extraInfo);
+                const segmentTimeFromToNode = document.createElement("div");
+                segmentTimeFromToNode.innerText = utils.getFormattedTime(segmentTimes[i].segment[0], true) + " " + chrome.i18n.getMessage("to") + " " + utils.getFormattedTime(segmentTimes[i].segment[1], true);
+                segmentTimeFromToNode.style.margin = "5px";
 
-                sponsorTimeButton.appendChild(segmentTimeFromToNode);
                 sponsorTimeButton.appendChild(categoryColorCircle);
                 sponsorTimeButton.appendChild(textNode);
+                sponsorTimeButton.appendChild(segmentTimeFromToNode);
 
                 const votingButtons = document.createElement("div");
                 votingButtons.classList.add("votingButtons");