replace text capitalize with capitalize first word

src/components/RightSideBar/Queue/QueueActions.vue

@@ -7,7 +7,7 @@
       </button>
       <button class="shuffle-queue action">
         <SaveAsPlaylistSvg />
-        <span> Save As Playlist </span>
+        <span> Save as Playlist </span>
       </button>
     </div>
     <div class="right">

src/components/RightSideBar/Queue/playingFrom.vue

@@ -4,7 +4,7 @@
       <div class="icon image" :class="from.icon"></div>
       Playing from
     </div>
-    <div class="name">
+    <div class="name cap-first">
       <div id="to">
         {{ from.text }}
       </div>
@@ -120,7 +120,6 @@ function goTo() {
   }
 
   .name {
-    text-transform: capitalize;
     font-weight: bolder;
   }
 
@@ -130,7 +129,6 @@ function goTo() {
     display: flex;
     align-items: center;
     gap: $small;
-    text-transform: capitalize;
     color: rgba(255, 255, 255, 0.849);
 
     .icon {

src/components/RightSideBar/Search/TabsWrapper.vue

@@ -3,7 +3,7 @@
     <div class="tab-buttons-wrapper">
       <div id="tabheaders" class="rounded noscroll">
         <div
-          class="tab"
+          class="tab cap-first"
           v-for="slot in $slots.default()"
           :key="slot.key"
           @click="s.changeTab(slot.props.name)"
@@ -55,7 +55,7 @@ const s = useSearchStore();
       display: flex;
       align-items: center;
       justify-content: center;
-      text-transform: capitalize;
+
       cursor: pointer;
       transition: all 0.3s ease;
       padding: 0 $small;