diff --git a/src/layout/card/header/NitroCardHeaderView.scss b/src/layout/card/header/NitroCardHeaderView.scss
index ded3c2bd..fe6c9d8e 100644
--- a/src/layout/card/header/NitroCardHeaderView.scss
+++ b/src/layout/card/header/NitroCardHeaderView.scss
@@ -16,11 +16,6 @@
             }
         }
 
-        &.theme-dark {
-            background-color: #3d5f6e !important;
-            color: #fff;
-        }
-
         .bg-tertiary-split {
             position: relative;
             border-bottom: 2px solid darken($quaternary, 5);
diff --git a/src/views/chat-history/ChatHistoryView.scss b/src/views/chat-history/ChatHistoryView.scss
index 9f8e6385..84bafc9f 100644
--- a/src/views/chat-history/ChatHistoryView.scss
+++ b/src/views/chat-history/ChatHistoryView.scss
@@ -2,6 +2,15 @@
     width: $chat-history-width;
     height: $chat-history-height;
 
+    background-color: #1C323F;
+    border: 2px solid rgba(255, 255, 255, 0.5);
+    border-radius: 0.25rem;
+    
+    .nitro-card-header-container {
+        background-color: #3d5f6e;
+        color: #fff;
+    }
+
     .chat-history-content {
         .chat-history-container {
             min-height: 200px;
diff --git a/src/views/user-profile/views/relationships-container/RelationshipsContainerView.tsx b/src/views/user-profile/views/relationships-container/RelationshipsContainerView.tsx
index e1bb648c..4f1745cb 100644
--- a/src/views/user-profile/views/relationships-container/RelationshipsContainerView.tsx
+++ b/src/views/user-profile/views/relationships-container/RelationshipsContainerView.tsx
@@ -25,7 +25,7 @@ export const RelationshipsContainerView: FC<RelationshipsContainerViewProps> = p
 
         return (
             <div className="relationship-container d-flex flex-row align-items-center w-100">
-                <i className={`icon icon-relationship-${relationshipName} flex-shrink-0 align-self-baseline mt-2`} />
+                <i className={`nitro-friends-spritesheet icon-${relationshipName} flex-shrink-0 align-self-baseline mt-2`} />
                 <div className="w-100 d-flex flex-column">
                     <span className={'relationship mx-2' + (!simple ? ' advanced' : '')}>
                         <span className="cursor-pointer relationship-text" onClick={ event => OnUserClick(relationshipInfo)}>