diff --git a/src/plugins/timezones/components.tsx b/src/plugins/timezones/components.tsx
index 66ac04be4..91c4e3afd 100644
--- a/src/plugins/timezones/components.tsx
+++ b/src/plugins/timezones/components.tsx
@@ -79,8 +79,8 @@ function LocalTimestampInner(props: LocalTimestampProps): JSX.Element | null {
         ? `• ${shortTime}`
         : shortTime ?? "Error";
     const classes = props.type === "message"
-        ? `timezone-message-item ${messageClasses.timestamp}`
-        : "timezone-profile-item";
+        ? `vc-timezones-message-display ${messageClasses.timestamp}`
+        : "vc-timezones-profile-display";
 
     return <>
         <Tooltip
@@ -90,7 +90,7 @@ function LocalTimestampInner(props: LocalTimestampProps): JSX.Element | null {
             allowOverflow={false}
             spacing={8}
             hideOnClick={true}
-            tooltipClassName="timezone-tooltip"
+            tooltipClassName="vc-timezones-tooltip"
             hide={!longTime}
             text={longTime}
         >
@@ -161,14 +161,14 @@ function SetTimezoneOverrideModal(props: TimezoneOverrideModalProps) {
     }
 
     return <ModalRoot {...props.modalProps}>
-        <ModalHeader className="vc-timezone-modal-header">
+        <ModalHeader className="vc-timezones-modal-header">
             <Forms.FormTitle tag="h2">
                 Set Timezone Override for User
             </Forms.FormTitle>
             <ModalCloseButton onClick={props.modalProps.onClose} />
         </ModalHeader>
 
-        <ModalContent className="vc-timezone-modal-content">
+        <ModalContent className="vc-timezones-modal-content">
             <Text variant="text-md/normal">
                 This override will only be visible locally and to any synchronized clients via Vencord Cloud.
                 <br />
@@ -194,7 +194,7 @@ function SetTimezoneOverrideModal(props: TimezoneOverrideModalProps) {
             </section>
         </ModalContent>
 
-        <ModalFooter className="vc-timezone-modal-footer">
+        <ModalFooter className="vc-timezones-modal-footer">
             <Button
                 color={Button.Colors.BRAND}
                 disabled={availableTimezones === undefined}
diff --git a/src/plugins/timezones/styles.css b/src/plugins/timezones/styles.css
index 3035c9c11..dddb0d87b 100644
--- a/src/plugins/timezones/styles.css
+++ b/src/plugins/timezones/styles.css
@@ -1,6 +1,11 @@
 /** Based on Syncxv's vc-timezones user plugin **/
 
-.timezone-profile-item {
+.vc-timezones-tooltip {
+    max-width: none !important;
+    white-space: nowrap
+}
+
+.vc-timezones-profile-display {
     display: flex;
     position: absolute;
     right: 0;
@@ -19,33 +24,24 @@
     }
 }
 
-[class*="topSection"] .timezone-profile-item {
-    margin: 16px;
-}
-
-.timezone-message-item {
+.vc-timezones-message-display {
     margin-left: 4px;
     cursor: pointer;
 }
 
-.vc-timezone-modal-header {
+.vc-timezones-modal-header {
     justify-content: space-between;
     align-content: center;
 }
 
-.vc-timezone-modal-header h1 {
-    margin: 0;
+.vc-timezones-modal-header h1 {
+    margin-bottom: 0;
 }
 
-.vc-timezone-modal-content {
+.vc-timezones-modal-content {
     padding: 1em;
 }
 
-.vc-timezone-modal-footer {
+.vc-timezones-modal-footer {
     gap: 16px;
 }
-
-.timezone-tooltip {
-    max-width: none !important;
-    white-space: nowrap
-}