diff --git a/frontend/.stylelintrc b/frontend/.stylelintrc
index 5f197acca..a6df4c293 100644
--- a/frontend/.stylelintrc
+++ b/frontend/.stylelintrc
@@ -382,7 +382,7 @@
     "selector-type-no-unknown": true,
     "shorthand-property-no-redundant-values": true,
     "string-no-newline": true,
-    "string-quotes": "single",
+    "string-quotes": "double",
     "time-min-milliseconds": 100,
     "unit-case": "lower",
     "unit-no-unknown": true,
diff --git a/frontend/src/Activity/Blacklist/BlacklistRow.css b/frontend/src/Activity/Blacklist/BlacklistRow.css
index c7d31a886..2a40f0b25 100644
--- a/frontend/src/Activity/Blacklist/BlacklistRow.css
+++ b/frontend/src/Activity/Blacklist/BlacklistRow.css
@@ -1,18 +1,18 @@
 .language,
 .quality {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 100px;
 }
 
 .indexer {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 80px;
 }
 
 .actions {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 70px;
 }
diff --git a/frontend/src/Activity/History/Details/HistoryDetails.css b/frontend/src/Activity/History/Details/HistoryDetails.css
index 383f08afd..9b7258490 100644
--- a/frontend/src/Activity/History/Details/HistoryDetails.css
+++ b/frontend/src/Activity/History/Details/HistoryDetails.css
@@ -1,5 +1,5 @@
 .description {
-  composes: description from '~Components/DescriptionList/DescriptionListItemDescription.css';
+  composes: description from "~Components/DescriptionList/DescriptionListItemDescription.css";
 
   overflow-wrap: break-word;
 }
diff --git a/frontend/src/Activity/History/Details/HistoryDetailsModal.css b/frontend/src/Activity/History/Details/HistoryDetailsModal.css
index 271d422ff..cca59a8ce 100644
--- a/frontend/src/Activity/History/Details/HistoryDetailsModal.css
+++ b/frontend/src/Activity/History/Details/HistoryDetailsModal.css
@@ -1,5 +1,5 @@
 .markAsFailedButton {
-  composes: button from '~Components/Link/Button.css';
+  composes: button from "~Components/Link/Button.css";
 
   margin-right: auto;
 }
diff --git a/frontend/src/Activity/History/HistoryEventTypeCell.css b/frontend/src/Activity/History/HistoryEventTypeCell.css
index 63d79e18c..7321ec251 100644
--- a/frontend/src/Activity/History/HistoryEventTypeCell.css
+++ b/frontend/src/Activity/History/HistoryEventTypeCell.css
@@ -1,5 +1,5 @@
 .cell {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 35px;
   text-align: center;
diff --git a/frontend/src/Activity/History/HistoryRow.css b/frontend/src/Activity/History/HistoryRow.css
index 669377fdb..d2b368d61 100644
--- a/frontend/src/Activity/History/HistoryRow.css
+++ b/frontend/src/Activity/History/HistoryRow.css
@@ -1,23 +1,23 @@
 .downloadClient {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 120px;
 }
 
 .indexer {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 80px;
 }
 
 .releaseGroup {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 110px;
 }
 
 .details {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 30px;
 }
diff --git a/frontend/src/Activity/Queue/ProtocolLabel.css b/frontend/src/Activity/Queue/ProtocolLabel.css
index 259fd5c65..821c6edd9 100644
--- a/frontend/src/Activity/Queue/ProtocolLabel.css
+++ b/frontend/src/Activity/Queue/ProtocolLabel.css
@@ -1,12 +1,12 @@
 .torrent {
-  composes: label from '~Components/Label.css';
+  composes: label from "~Components/Label.css";
 
   border-color: $torrentColor;
   background-color: $torrentColor;
 }
 
 .usenet {
-  composes: label from '~Components/Label.css';
+  composes: label from "~Components/Label.css";
 
   border-color: $usenetColor;
   background-color: $usenetColor;
diff --git a/frontend/src/Activity/Queue/QueueRow.css b/frontend/src/Activity/Queue/QueueRow.css
index ee0483f96..bd40ba45e 100644
--- a/frontend/src/Activity/Queue/QueueRow.css
+++ b/frontend/src/Activity/Queue/QueueRow.css
@@ -1,23 +1,23 @@
 .quality {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 150px;
 }
 
 .protocol {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 100px;
 }
 
 .progress {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 150px;
 }
 
 .actions {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 70px;
 }
diff --git a/frontend/src/Activity/Queue/QueueStatusCell.css b/frontend/src/Activity/Queue/QueueStatusCell.css
index e1b9a23e9..bc64d006d 100644
--- a/frontend/src/Activity/Queue/QueueStatusCell.css
+++ b/frontend/src/Activity/Queue/QueueStatusCell.css
@@ -1,5 +1,5 @@
 .status {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 30px;
 }
diff --git a/frontend/src/Activity/Queue/TimeleftCell.css b/frontend/src/Activity/Queue/TimeleftCell.css
index cc6001a22..44cf7aace 100644
--- a/frontend/src/Activity/Queue/TimeleftCell.css
+++ b/frontend/src/Activity/Queue/TimeleftCell.css
@@ -1,5 +1,5 @@
 .timeleft {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 100px;
 }
diff --git a/frontend/src/AddSeries/AddNewSeries/AddNewSeries.css b/frontend/src/AddSeries/AddNewSeries/AddNewSeries.css
index 7c558d6d0..707e9faa9 100644
--- a/frontend/src/AddSeries/AddNewSeries/AddNewSeries.css
+++ b/frontend/src/AddSeries/AddNewSeries/AddNewSeries.css
@@ -17,7 +17,7 @@
 }
 
 .searchInput {
-  composes: input from '~Components/Form/TextInput.css';
+  composes: input from "~Components/Form/TextInput.css";
 
   height: 46px;
   border-radius: 0;
diff --git a/frontend/src/AddSeries/AddNewSeries/AddNewSeriesModalContent.css b/frontend/src/AddSeries/AddNewSeries/AddNewSeriesModalContent.css
index c0b327225..4b25ac8ae 100644
--- a/frontend/src/AddSeries/AddNewSeries/AddNewSeriesModalContent.css
+++ b/frontend/src/AddSeries/AddNewSeries/AddNewSeriesModalContent.css
@@ -36,28 +36,28 @@
 }
 
 .searchForMissingEpisodesContainer {
-  composes: container from '~Components/Form/CheckInput.css';
+  composes: container from "~Components/Form/CheckInput.css";
 
   flex: 0 1 0;
 }
 
 .searchForMissingEpisodesInput {
-  composes: input from '~Components/Form/CheckInput.css';
+  composes: input from "~Components/Form/CheckInput.css";
 
   margin-top: 0;
 }
 
 .modalFooter {
-  composes: modalFooter from '~Components/Modal/ModalFooter.css';
+  composes: modalFooter from "~Components/Modal/ModalFooter.css";
 }
 
 .addButton {
   @add-mixin truncate;
-  composes: button from '~Components/Link/SpinnerButton.css';
+  composes: button from "~Components/Link/SpinnerButton.css";
 }
 
 .hideLanguageProfile {
-  composes: group from '~Components/Form/FormGroup.css';
+  composes: group from "~Components/Form/FormGroup.css";
 
   display: none;
 }
diff --git a/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesFooter.css b/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesFooter.css
index 616aeaf3c..a19209d22 100644
--- a/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesFooter.css
+++ b/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesFooter.css
@@ -14,7 +14,7 @@
 }
 
 .importButton {
-  composes: button from '~Components/Link/SpinnerButton.css';
+  composes: button from "~Components/Link/SpinnerButton.css";
 
   height: 35px;
 }
@@ -26,7 +26,7 @@
 }
 
 .loading {
-  composes: loading from '~Components/Loading/LoadingIndicator.css';
+  composes: loading from "~Components/Loading/LoadingIndicator.css";
 
   margin: 0 10px 0 12px;
   text-align: left;
diff --git a/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesHeader.css b/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesHeader.css
index 00284e107..4eb299276 100644
--- a/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesHeader.css
+++ b/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesHeader.css
@@ -1,11 +1,11 @@
 .folder {
-  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+  composes: headerCell from "~Components/Table/VirtualTableHeaderCell.css";
 
   flex: 1 0 200px;
 }
 
 .monitor {
-  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+  composes: headerCell from "~Components/Table/VirtualTableHeaderCell.css";
 
   flex: 0 1 200px;
   min-width: 185px;
@@ -13,28 +13,28 @@
 
 .qualityProfile,
 .languageProfile {
-  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+  composes: headerCell from "~Components/Table/VirtualTableHeaderCell.css";
 
   flex: 0 1 250px;
   min-width: 170px;
 }
 
 .seriesType {
-  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+  composes: headerCell from "~Components/Table/VirtualTableHeaderCell.css";
 
   flex: 0 1 200px;
   min-width: 120px;
 }
 
 .seasonFolder {
-  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+  composes: headerCell from "~Components/Table/VirtualTableHeaderCell.css";
 
   flex: 0 1 150px;
   min-width: 120px;
 }
 
 .series {
-  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+  composes: headerCell from "~Components/Table/VirtualTableHeaderCell.css";
 
   flex: 0 1 400px;
   min-width: 300px;
diff --git a/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesRow.css b/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesRow.css
index fc9af049a..fcb6df104 100644
--- a/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesRow.css
+++ b/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesRow.css
@@ -1,16 +1,16 @@
 .selectInput {
-  composes: input from '~Components/Form/CheckInput.css';
+  composes: input from "~Components/Form/CheckInput.css";
 }
 
 .folder {
-  composes: cell from '~Components/Table/Cells/VirtualTableRowCell.css';
+  composes: cell from "~Components/Table/Cells/VirtualTableRowCell.css";
 
   flex: 1 0 200px;
   line-height: 36px;
 }
 
 .monitor {
-  composes: cell from '~Components/Table/Cells/VirtualTableRowCell.css';
+  composes: cell from "~Components/Table/Cells/VirtualTableRowCell.css";
 
   flex: 0 1 200px;
   min-width: 185px;
@@ -18,35 +18,35 @@
 
 .qualityProfile,
 .languageProfile {
-  composes: cell from '~Components/Table/Cells/VirtualTableRowCell.css';
+  composes: cell from "~Components/Table/Cells/VirtualTableRowCell.css";
 
   flex: 0 1 250px;
   min-width: 170px;
 }
 
 .seriesType {
-  composes: cell from '~Components/Table/Cells/VirtualTableRowCell.css';
+  composes: cell from "~Components/Table/Cells/VirtualTableRowCell.css";
 
   flex: 0 1 200px;
   min-width: 120px;
 }
 
 .seasonFolder {
-  composes: cell from '~Components/Table/Cells/VirtualTableRowCell.css';
+  composes: cell from "~Components/Table/Cells/VirtualTableRowCell.css";
 
   flex: 0 1 150px;
   min-width: 120px;
 }
 
 .series {
-  composes: cell from '~Components/Table/Cells/VirtualTableRowCell.css';
+  composes: cell from "~Components/Table/Cells/VirtualTableRowCell.css";
 
   flex: 0 1 400px;
   min-width: 300px;
 }
 
 .hideLanguageProfile {
-  composes: cell from '~Components/Table/Cells/VirtualTableRowCell.css';
+  composes: cell from "~Components/Table/Cells/VirtualTableRowCell.css";
 
   display: none;
 }
diff --git a/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesSelected.css b/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesSelected.css
index 51fe4ce39..10bf4af68 100644
--- a/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesSelected.css
+++ b/frontend/src/AddSeries/ImportSeries/Import/ImportSeriesSelected.css
@@ -1,3 +1,3 @@
 .input {
-  composes: input from '~Components/Form/CheckInput.css';
+  composes: input from "~Components/Form/CheckInput.css";
 }
diff --git a/frontend/src/AddSeries/ImportSeries/Import/SelectSeries/ImportSeriesSelectSeries.css b/frontend/src/AddSeries/ImportSeries/Import/SelectSeries/ImportSeriesSelectSeries.css
index 6bdfd093e..05092790b 100644
--- a/frontend/src/AddSeries/ImportSeries/Import/SelectSeries/ImportSeriesSelectSeries.css
+++ b/frontend/src/AddSeries/ImportSeries/Import/SelectSeries/ImportSeriesSelectSeries.css
@@ -1,5 +1,5 @@
 .button {
-  composes: link from '~Components/Link/Link.css';
+  composes: link from "~Components/Link/Link.css";
 
   display: flex;
   align-items: center;
@@ -61,7 +61,7 @@
 }
 
 .searchInput {
-  composes: input from '~Components/Form/TextInput.css';
+  composes: input from "~Components/Form/TextInput.css";
 
   border-radius: 0;
 }
diff --git a/frontend/src/Calendar/Agenda/AgendaEvent.css b/frontend/src/Calendar/Agenda/AgendaEvent.css
index 7a026e622..8746c9298 100644
--- a/frontend/src/Calendar/Agenda/AgendaEvent.css
+++ b/frontend/src/Calendar/Agenda/AgendaEvent.css
@@ -63,27 +63,27 @@
  */
 
 .downloaded {
-  composes: downloaded from '~Calendar/Events/CalendarEvent.css';
+  composes: downloaded from "~Calendar/Events/CalendarEvent.css";
 }
 
 .downloading {
-  composes: downloading from '~Calendar/Events/CalendarEvent.css';
+  composes: downloading from "~Calendar/Events/CalendarEvent.css";
 }
 
 .unmonitored {
-  composes: unmonitored from '~Calendar/Events/CalendarEvent.css';
+  composes: unmonitored from "~Calendar/Events/CalendarEvent.css";
 }
 
 .onAir {
-  composes: onAir from '~Calendar/Events/CalendarEvent.css';
+  composes: onAir from "~Calendar/Events/CalendarEvent.css";
 }
 
 .missing {
-  composes: missing from '~Calendar/Events/CalendarEvent.css';
+  composes: missing from "~Calendar/Events/CalendarEvent.css";
 }
 
 .premiere {
-  composes: premiere from '~Calendar/Events/CalendarEvent.css';
+  composes: premiere from "~Calendar/Events/CalendarEvent.css";
 }
 
 @media only screen and (max-width: $breakpointSmall) {
diff --git a/frontend/src/Calendar/CalendarPage.css b/frontend/src/Calendar/CalendarPage.css
index 90ba5c505..2b2b72df9 100644
--- a/frontend/src/Calendar/CalendarPage.css
+++ b/frontend/src/Calendar/CalendarPage.css
@@ -1,11 +1,11 @@
 .calendarPageBody {
-  composes: contentBody from '~Components/Page/PageContentBody.css';
+  composes: contentBody from "~Components/Page/PageContentBody.css";
 
   display: flex;
 }
 
 .calendarInnerPageBody {
-  composes: innerContentBody from '~Components/Page/PageContentBody.css';
+  composes: innerContentBody from "~Components/Page/PageContentBody.css";
 
   display: flex;
   flex-direction: column;
diff --git a/frontend/src/Calendar/Events/CalendarEventGroup.css b/frontend/src/Calendar/Events/CalendarEventGroup.css
index 2385409e2..a9ea4f1b9 100644
--- a/frontend/src/Calendar/Events/CalendarEventGroup.css
+++ b/frontend/src/Calendar/Events/CalendarEventGroup.css
@@ -57,29 +57,29 @@
  */
 
 .downloaded {
-  composes: downloaded from '~Calendar/Events/CalendarEvent.css';
+  composes: downloaded from "~Calendar/Events/CalendarEvent.css";
 }
 
 .downloading {
-  composes: downloading from '~Calendar/Events/CalendarEvent.css';
+  composes: downloading from "~Calendar/Events/CalendarEvent.css";
 }
 
 .unmonitored {
-  composes: unmonitored from '~Calendar/Events/CalendarEvent.css';
+  composes: unmonitored from "~Calendar/Events/CalendarEvent.css";
 }
 
 .onAir {
-  composes: onAir from '~Calendar/Events/CalendarEvent.css';
+  composes: onAir from "~Calendar/Events/CalendarEvent.css";
 }
 
 .missing {
-  composes: missing from '~Calendar/Events/CalendarEvent.css';
+  composes: missing from "~Calendar/Events/CalendarEvent.css";
 }
 
 .premiere {
-  composes: premiere from '~Calendar/Events/CalendarEvent.css';
+  composes: premiere from "~Calendar/Events/CalendarEvent.css";
 }
 
 .unaired {
-  composes: unaired from '~Calendar/Events/CalendarEvent.css';
+  composes: unaired from "~Calendar/Events/CalendarEvent.css";
 }
diff --git a/frontend/src/Calendar/Header/CalendarHeader.css b/frontend/src/Calendar/Header/CalendarHeader.css
index 4b6915406..6334ddd6a 100644
--- a/frontend/src/Calendar/Header/CalendarHeader.css
+++ b/frontend/src/Calendar/Header/CalendarHeader.css
@@ -8,7 +8,7 @@
 }
 
 .todayButton {
-  composes: button from '~Components/Link/Button.css';
+  composes: button from "~Components/Link/Button.css";
 
   margin-left: 5px;
 }
@@ -30,13 +30,13 @@
 }
 
 .viewMenu {
-  composes: menu from '~Components/Menu/Menu.css';
+  composes: menu from "~Components/Menu/Menu.css";
 
   line-height: 31px;
 }
 
 .loading {
-  composes: loading from '~Components/Loading/LoadingIndicator.css';
+  composes: loading from "~Components/Loading/LoadingIndicator.css";
 
   margin-top: 5px;
   margin-right: 10px;
diff --git a/frontend/src/Calendar/Legend/LegendItem.css b/frontend/src/Calendar/Legend/LegendItem.css
index c71a6d916..f42391e28 100644
--- a/frontend/src/Calendar/Legend/LegendItem.css
+++ b/frontend/src/Calendar/Legend/LegendItem.css
@@ -13,29 +13,29 @@
  */
 
 .downloaded {
-  composes: downloaded from '~Calendar/Events/CalendarEvent.css';
+  composes: downloaded from "~Calendar/Events/CalendarEvent.css";
 }
 
 .downloading {
-  composes: downloading from '~Calendar/Events/CalendarEvent.css';
+  composes: downloading from "~Calendar/Events/CalendarEvent.css";
 }
 
 .unmonitored {
-  composes: unmonitored from '~Calendar/Events/CalendarEvent.css';
+  composes: unmonitored from "~Calendar/Events/CalendarEvent.css";
 }
 
 .onAir {
-  composes: onAir from '~Calendar/Events/CalendarEvent.css';
+  composes: onAir from "~Calendar/Events/CalendarEvent.css";
 }
 
 .missing {
-  composes: missing from '~Calendar/Events/CalendarEvent.css';
+  composes: missing from "~Calendar/Events/CalendarEvent.css";
 }
 
 .premiere {
-  composes: premiere from '~Calendar/Events/CalendarEvent.css';
+  composes: premiere from "~Calendar/Events/CalendarEvent.css";
 }
 
 .unaired {
-  composes: unaired from '~Calendar/Events/CalendarEvent.css';
+  composes: unaired from "~Calendar/Events/CalendarEvent.css";
 }
diff --git a/frontend/src/Components/FileBrowser/FileBrowserModal.css b/frontend/src/Components/FileBrowser/FileBrowserModal.css
index 59dba1397..a7442481c 100644
--- a/frontend/src/Components/FileBrowser/FileBrowserModal.css
+++ b/frontend/src/Components/FileBrowser/FileBrowserModal.css
@@ -1,5 +1,5 @@
 .modal {
-  composes: modal from '~Components/Modal/Modal.css';
+  composes: modal from "~Components/Modal/Modal.css";
 
   height: 600px;
 }
diff --git a/frontend/src/Components/FileBrowser/FileBrowserModalContent.css b/frontend/src/Components/FileBrowser/FileBrowserModalContent.css
index 7ddb9e806..0e08c2019 100644
--- a/frontend/src/Components/FileBrowser/FileBrowserModalContent.css
+++ b/frontend/src/Components/FileBrowser/FileBrowserModalContent.css
@@ -1,12 +1,12 @@
 .modalBody {
-  composes: modalBody from '~Components/Modal/ModalBody.css';
+  composes: modalBody from "~Components/Modal/ModalBody.css";
 
   display: flex;
   flex-direction: column;
 }
 
 .mappedDrivesWarning {
-  composes: alert from '~Components/Alert.css';
+  composes: alert from "~Components/Alert.css";
 
   margin: 0;
   margin-bottom: 20px;
@@ -18,7 +18,7 @@
 }
 
 .pathInput {
-  composes: inputWrapper from '~Components/Form/PathInput.css';
+  composes: inputWrapper from "~Components/Form/PathInput.css";
 
   flex: 0 0 auto;
 }
diff --git a/frontend/src/Components/FileBrowser/FileBrowserRow.css b/frontend/src/Components/FileBrowser/FileBrowserRow.css
index 9f111ed5d..acbfa155c 100644
--- a/frontend/src/Components/FileBrowser/FileBrowserRow.css
+++ b/frontend/src/Components/FileBrowser/FileBrowserRow.css
@@ -1,5 +1,5 @@
 .type {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 32px;
 }
diff --git a/frontend/src/Components/Filter/Builder/DateFilterBuilderRowValue.css b/frontend/src/Components/Filter/Builder/DateFilterBuilderRowValue.css
index 39db60700..d9e5ec5d5 100644
--- a/frontend/src/Components/Filter/Builder/DateFilterBuilderRowValue.css
+++ b/frontend/src/Components/Filter/Builder/DateFilterBuilderRowValue.css
@@ -3,13 +3,13 @@
 }
 
 .numberInput {
-  composes: input from '~Components/Form/TextInput.css';
+  composes: input from "~Components/Form/TextInput.css";
 
   margin-right: 3px;
 }
 
 .selectInput {
-  composes: select from '~Components/Form/SelectInput.css';
+  composes: select from "~Components/Form/SelectInput.css";
 
   margin-left: 3px;
 }
diff --git a/frontend/src/Components/Filter/Builder/FilterBuilderRowValueTag.css b/frontend/src/Components/Filter/Builder/FilterBuilderRowValueTag.css
index 461a54aaa..62635b67c 100644
--- a/frontend/src/Components/Filter/Builder/FilterBuilderRowValueTag.css
+++ b/frontend/src/Components/Filter/Builder/FilterBuilderRowValueTag.css
@@ -9,7 +9,7 @@
 }
 
 .label {
-  composes: label from '~Components/Label.css';
+  composes: label from "~Components/Label.css";
 
   border-style: none;
   font-size: 13px;
diff --git a/frontend/src/Components/Form/AutoSuggestInput.css b/frontend/src/Components/Form/AutoSuggestInput.css
index 0f3279cb9..663cccbe1 100644
--- a/frontend/src/Components/Form/AutoSuggestInput.css
+++ b/frontend/src/Components/Form/AutoSuggestInput.css
@@ -1,13 +1,13 @@
 .input {
-  composes: input from '~Components/Form/Input.css';
+  composes: input from "~Components/Form/Input.css";
 }
 
 .hasError {
-  composes: hasError from '~Components/Form/Input.css';
+  composes: hasError from "~Components/Form/Input.css";
 }
 
 .hasWarning {
-  composes: hasWarning from '~Components/Form/Input.css';
+  composes: hasWarning from "~Components/Form/Input.css";
 }
 
 .inputContainer {
diff --git a/frontend/src/Components/Form/CaptchaInput.css b/frontend/src/Components/Form/CaptchaInput.css
index 76c076834..df48096b0 100644
--- a/frontend/src/Components/Form/CaptchaInput.css
+++ b/frontend/src/Components/Form/CaptchaInput.css
@@ -3,19 +3,19 @@
 }
 
 .input {
-  composes: input from '~Components/Form/Input.css';
+  composes: input from "~Components/Form/Input.css";
 }
 
 .hasError {
-  composes: hasError from '~Components/Form/Input.css';
+  composes: hasError from "~Components/Form/Input.css";
 }
 
 .hasWarning {
-  composes: hasWarning from '~Components/Form/Input.css';
+  composes: hasWarning from "~Components/Form/Input.css";
 }
 
 .hasButton {
-  composes: hasButton from '~Components/Form/Input.css';
+  composes: hasButton from "~Components/Form/Input.css";
 }
 
 .recaptchaWrapper {
diff --git a/frontend/src/Components/Form/CheckInput.css b/frontend/src/Components/Form/CheckInput.css
index e0b05eca3..8f7120a72 100644
--- a/frontend/src/Components/Form/CheckInput.css
+++ b/frontend/src/Components/Form/CheckInput.css
@@ -94,7 +94,7 @@
 }
 
 .helpText {
-  composes: helpText from '~Components/Form/FormInputHelpText.css';
+  composes: helpText from "~Components/Form/FormInputHelpText.css";
 
   margin-top: 8px;
   margin-left: 5px;
diff --git a/frontend/src/Components/Form/DeviceInput.css b/frontend/src/Components/Form/DeviceInput.css
index 7abe83db5..02eda3201 100644
--- a/frontend/src/Components/Form/DeviceInput.css
+++ b/frontend/src/Components/Form/DeviceInput.css
@@ -3,6 +3,6 @@
 }
 
 .input {
-  composes: input from '~./TagInput.css';
-  composes: hasButton from '~Components/Form/Input.css';
+  composes: input from "~./TagInput.css";
+  composes: hasButton from "~Components/Form/Input.css";
 }
diff --git a/frontend/src/Components/Form/EnhancedSelectInput.css b/frontend/src/Components/Form/EnhancedSelectInput.css
index 774a63517..0de3e10c5 100644
--- a/frontend/src/Components/Form/EnhancedSelectInput.css
+++ b/frontend/src/Components/Form/EnhancedSelectInput.css
@@ -1,6 +1,6 @@
 .enhancedSelect {
-  composes: input from '~Components/Form/Input.css';
-  composes: link from '~Components/Link/Link.css';
+  composes: input from "~Components/Form/Input.css";
+  composes: link from "~Components/Link/Link.css";
 
   position: relative;
   display: flex;
@@ -17,11 +17,11 @@
 }
 
 .hasError {
-  composes: hasError from '~Components/Form/Input.css';
+  composes: hasError from "~Components/Form/Input.css";
 }
 
 .hasWarning {
-  composes: hasWarning from '~Components/Form/Input.css';
+  composes: hasWarning from "~Components/Form/Input.css";
 }
 
 .isDisabled {
@@ -45,7 +45,7 @@
 }
 
 .options {
-  composes: scroller from '~Components/Scroller/Scroller.css';
+  composes: scroller from "~Components/Scroller/Scroller.css";
 
   border: 1px solid $inputBorderColor;
   border-radius: 4px;
@@ -61,7 +61,7 @@
 }
 
 .optionsModalBody {
-  composes: modalBody from '~Components/Modal/ModalBody.css';
+  composes: modalBody from "~Components/Modal/ModalBody.css";
 
   display: flex;
   justify-content: center;
@@ -70,7 +70,7 @@
 }
 
 .optionsModalScroller {
-  composes: scroller from '~Components/Scroller/Scroller.css';
+  composes: scroller from "~Components/Scroller/Scroller.css";
 
   border: 1px solid $inputBorderColor;
   border-radius: 4px;
diff --git a/frontend/src/Components/Form/FormInputButton.css b/frontend/src/Components/Form/FormInputButton.css
index da4888f09..5d45128d1 100644
--- a/frontend/src/Components/Form/FormInputButton.css
+++ b/frontend/src/Components/Form/FormInputButton.css
@@ -1,5 +1,5 @@
 .button {
-  composes: button from '~Components/Link/Button.css';
+  composes: button from "~Components/Link/Button.css";
 
   border-left: none;
   border-top-left-radius: 0;
diff --git a/frontend/src/Components/Form/FormInputHelpText.css b/frontend/src/Components/Form/FormInputHelpText.css
index 7fd957233..feb293eaa 100644
--- a/frontend/src/Components/Form/FormInputHelpText.css
+++ b/frontend/src/Components/Form/FormInputHelpText.css
@@ -33,7 +33,7 @@
 }
 
 .link {
-  composes: link from '~Components/Link/Link.css';
+  composes: link from "~Components/Link/Link.css";
 
   margin-left: 5px;
 }
diff --git a/frontend/src/Components/Form/HintedSelectInputSelectedValue.css b/frontend/src/Components/Form/HintedSelectInputSelectedValue.css
index a31970a9e..9dd8e9444 100644
--- a/frontend/src/Components/Form/HintedSelectInputSelectedValue.css
+++ b/frontend/src/Components/Form/HintedSelectInputSelectedValue.css
@@ -1,5 +1,5 @@
 .selectedValue {
-  composes: selectedValue from '~./EnhancedSelectInputSelectedValue.css';
+  composes: selectedValue from "~./EnhancedSelectInputSelectedValue.css";
 
   display: flex;
   align-items: center;
diff --git a/frontend/src/Components/Form/KeyValueListInput.css b/frontend/src/Components/Form/KeyValueListInput.css
index 8bf23610b..41c548770 100644
--- a/frontend/src/Components/Form/KeyValueListInput.css
+++ b/frontend/src/Components/Form/KeyValueListInput.css
@@ -1,5 +1,5 @@
 .inputContainer {
-  composes: input from '~Components/Form/Input.css';
+  composes: input from "~Components/Form/Input.css";
 
   position: relative;
   min-height: 35px;
@@ -13,9 +13,9 @@
 }
 
 .hasError {
-  composes: hasError from '~Components/Form/Input.css';
+  composes: hasError from "~Components/Form/Input.css";
 }
 
 .hasWarning {
-  composes: hasWarning from '~Components/Form/Input.css';
+  composes: hasWarning from "~Components/Form/Input.css";
 }
diff --git a/frontend/src/Components/Form/PasswordInput.css b/frontend/src/Components/Form/PasswordInput.css
index 6cb162784..65e26f162 100644
--- a/frontend/src/Components/Form/PasswordInput.css
+++ b/frontend/src/Components/Form/PasswordInput.css
@@ -1,5 +1,5 @@
 .input {
-  composes: input from '~Components/Form/TextInput.css';
+  composes: input from "~Components/Form/TextInput.css";
 
   font-family: $passwordFamily;
 }
diff --git a/frontend/src/Components/Form/PathInput.css b/frontend/src/Components/Form/PathInput.css
index 3b32b16f0..e0b185c8a 100644
--- a/frontend/src/Components/Form/PathInput.css
+++ b/frontend/src/Components/Form/PathInput.css
@@ -1,6 +1,6 @@
 .hasFileBrowser {
-  composes: input from '~./AutoSuggestInput.css';
-  composes: hasButton from '~Components/Form/Input.css';
+  composes: input from "~./AutoSuggestInput.css";
+  composes: hasButton from "~Components/Form/Input.css";
 }
 
 .inputWrapper {
@@ -12,7 +12,7 @@
 }
 
 .fileBrowserButton {
-  composes: button from '~./FormInputButton.css';
+  composes: button from "~./FormInputButton.css";
 
   height: 35px;
 }
diff --git a/frontend/src/Components/Form/RootFolderSelectInputSelectedValue.css b/frontend/src/Components/Form/RootFolderSelectInputSelectedValue.css
index 6b0cf9e4f..e31a8fa93 100644
--- a/frontend/src/Components/Form/RootFolderSelectInputSelectedValue.css
+++ b/frontend/src/Components/Form/RootFolderSelectInputSelectedValue.css
@@ -1,5 +1,5 @@
 .selectedValue {
-  composes: selectedValue from '~./EnhancedSelectInputSelectedValue.css';
+  composes: selectedValue from "~./EnhancedSelectInputSelectedValue.css";
 
   display: flex;
   align-items: center;
diff --git a/frontend/src/Components/Form/SelectInput.css b/frontend/src/Components/Form/SelectInput.css
index aa1dfc79b..c43711403 100644
--- a/frontend/src/Components/Form/SelectInput.css
+++ b/frontend/src/Components/Form/SelectInput.css
@@ -1,15 +1,15 @@
 .select {
-  composes: input from '~Components/Form/Input.css';
+  composes: input from "~Components/Form/Input.css";
 
   padding: 0 11px;
 }
 
 .hasError {
-  composes: hasError from '~Components/Form/Input.css';
+  composes: hasError from "~Components/Form/Input.css";
 }
 
 .hasWarning {
-  composes: hasWarning from '~Components/Form/Input.css';
+  composes: hasWarning from "~Components/Form/Input.css";
 }
 
 .isDisabled {
diff --git a/frontend/src/Components/Form/TagInput.css b/frontend/src/Components/Form/TagInput.css
index 8ff8fa611..531aec0de 100644
--- a/frontend/src/Components/Form/TagInput.css
+++ b/frontend/src/Components/Form/TagInput.css
@@ -1,5 +1,5 @@
 .input {
-  composes: input from '~./AutoSuggestInput.css';
+  composes: input from "~./AutoSuggestInput.css";
 
   padding: 0;
   min-height: 35px;
diff --git a/frontend/src/Components/Form/TextInput.css b/frontend/src/Components/Form/TextInput.css
index 80503704d..5c32d45d2 100644
--- a/frontend/src/Components/Form/TextInput.css
+++ b/frontend/src/Components/Form/TextInput.css
@@ -1,5 +1,5 @@
 .input {
-  composes: input from '~Components/Form/Input.css';
+  composes: input from "~Components/Form/Input.css";
 }
 
 .readOnly {
@@ -7,13 +7,13 @@
 }
 
 .hasError {
-  composes: hasError from '~Components/Form/Input.css';
+  composes: hasError from "~Components/Form/Input.css";
 }
 
 .hasWarning {
-  composes: hasWarning from '~Components/Form/Input.css';
+  composes: hasWarning from "~Components/Form/Input.css";
 }
 
 .hasButton {
-  composes: hasButton from '~Components/Form/Input.css';
+  composes: hasButton from "~Components/Form/Input.css";
 }
diff --git a/frontend/src/Components/Link/Button.css b/frontend/src/Components/Link/Button.css
index d5b7e8200..698d56c7f 100644
--- a/frontend/src/Components/Link/Button.css
+++ b/frontend/src/Components/Link/Button.css
@@ -1,5 +1,5 @@
 .button {
-  composes: link from '~./Link.css';
+  composes: link from "~./Link.css";
 
   overflow: hidden;
   border: 1px solid;
diff --git a/frontend/src/Components/Link/ClipboardButton.css b/frontend/src/Components/Link/ClipboardButton.css
index 438489155..a76c8a32d 100644
--- a/frontend/src/Components/Link/ClipboardButton.css
+++ b/frontend/src/Components/Link/ClipboardButton.css
@@ -1,5 +1,5 @@
 .button {
-  composes: button from '~Components/Form/FormInputButton.css';
+  composes: button from "~Components/Form/FormInputButton.css";
 
   position: relative;
 }
diff --git a/frontend/src/Components/Link/IconButton.css b/frontend/src/Components/Link/IconButton.css
index 2061243ee..c4b232672 100644
--- a/frontend/src/Components/Link/IconButton.css
+++ b/frontend/src/Components/Link/IconButton.css
@@ -1,5 +1,5 @@
 .button {
-  composes: link from '~Components/Link/Link.css';
+  composes: link from "~Components/Link/Link.css";
 
   display: inline-block;
   margin: 0 2px;
diff --git a/frontend/src/Components/Link/SpinnerButton.css b/frontend/src/Components/Link/SpinnerButton.css
index 2a2044c25..dbba2fc23 100644
--- a/frontend/src/Components/Link/SpinnerButton.css
+++ b/frontend/src/Components/Link/SpinnerButton.css
@@ -1,5 +1,5 @@
 .button {
-  composes: button from '~Components/Link/Button.css';
+  composes: button from "~Components/Link/Button.css";
 
   position: relative;
 }
diff --git a/frontend/src/Components/Link/SpinnerErrorButton.css b/frontend/src/Components/Link/SpinnerErrorButton.css
index 1671053f1..e23b83a73 100644
--- a/frontend/src/Components/Link/SpinnerErrorButton.css
+++ b/frontend/src/Components/Link/SpinnerErrorButton.css
@@ -1,5 +1,5 @@
 .iconContainer {
-  composes: spinnerContainer from '~Components/Link/SpinnerButton.css';
+  composes: spinnerContainer from "~Components/Link/SpinnerButton.css";
 }
 
 .icon {
@@ -7,7 +7,7 @@
 }
 
 .label {
-  composes: label from '~Components/Link/SpinnerButton.css';
+  composes: label from "~Components/Link/SpinnerButton.css";
 }
 
 .showIcon {
diff --git a/frontend/src/Components/Menu/FilterMenu.css b/frontend/src/Components/Menu/FilterMenu.css
index 881dbe26c..bbf15d105 100644
--- a/frontend/src/Components/Menu/FilterMenu.css
+++ b/frontend/src/Components/Menu/FilterMenu.css
@@ -1,5 +1,5 @@
 .filterMenu {
-  composes: menu from '~./Menu.css';
+  composes: menu from "~./Menu.css";
 }
 
 @media only screen and (max-width: $breakpointSmall) {
diff --git a/frontend/src/Components/Menu/MenuButton.css b/frontend/src/Components/Menu/MenuButton.css
index 38812cfb7..81e228bc5 100644
--- a/frontend/src/Components/Menu/MenuButton.css
+++ b/frontend/src/Components/Menu/MenuButton.css
@@ -6,7 +6,7 @@
 
   &::after {
     margin-left: 5px;
-    content: '\25BE';
+    content: "\25BE";
   }
 
   &:hover {
diff --git a/frontend/src/Components/Menu/PageMenuButton.css b/frontend/src/Components/Menu/PageMenuButton.css
index d979a1708..3c79bdc30 100644
--- a/frontend/src/Components/Menu/PageMenuButton.css
+++ b/frontend/src/Components/Menu/PageMenuButton.css
@@ -1,5 +1,5 @@
 .menuButton {
-  composes: menuButton from '~./MenuButton.css';
+  composes: menuButton from "~./MenuButton.css";
 
   &:hover {
     color: #666;
diff --git a/frontend/src/Components/Menu/ToolbarMenuButton.css b/frontend/src/Components/Menu/ToolbarMenuButton.css
index 71e966c71..7c055844c 100644
--- a/frontend/src/Components/Menu/ToolbarMenuButton.css
+++ b/frontend/src/Components/Menu/ToolbarMenuButton.css
@@ -1,5 +1,5 @@
 .menuButton {
-  composes: menuButton from '~./MenuButton.css';
+  composes: menuButton from "~./MenuButton.css";
 
   padding-top: 4px;
   width: $toolbarButtonWidth;
@@ -8,9 +8,9 @@
 }
 
 .labelContainer {
-  composes: labelContainer from '~Components/Page/Toolbar/PageToolbarButton.css';
+  composes: labelContainer from "~Components/Page/Toolbar/PageToolbarButton.css";
 }
 
 .label {
-  composes: label from '~Components/Page/Toolbar/PageToolbarButton.css';
+  composes: label from "~Components/Page/Toolbar/PageToolbarButton.css";
 }
diff --git a/frontend/src/Components/Modal/ModalError.css b/frontend/src/Components/Modal/ModalError.css
index 1556240c6..a0c14e011 100644
--- a/frontend/src/Components/Modal/ModalError.css
+++ b/frontend/src/Components/Modal/ModalError.css
@@ -1,5 +1,5 @@
 .message {
-  composes: message from '~Components/Error/ErrorBoundaryError.css';
+  composes: message from "~Components/Error/ErrorBoundaryError.css";
 
   margin: 0;
   margin-bottom: 30px;
@@ -8,7 +8,7 @@
 }
 
 .details {
-  composes: details from '~Components/Error/ErrorBoundaryError.css';
+  composes: details from "~Components/Error/ErrorBoundaryError.css";
 
   margin: 0;
   margin-top: 20px;
diff --git a/frontend/src/Components/MonitorToggleButton.css b/frontend/src/Components/MonitorToggleButton.css
index 09b64f1ab..df9bb0b81 100644
--- a/frontend/src/Components/MonitorToggleButton.css
+++ b/frontend/src/Components/MonitorToggleButton.css
@@ -1,5 +1,5 @@
 .toggleButton {
-  composes: button from '~Components/Link/IconButton.css';
+  composes: button from "~Components/Link/IconButton.css";
 
   padding: 0;
   font-size: inherit;
diff --git a/frontend/src/Components/Page/ErrorPage.css b/frontend/src/Components/Page/ErrorPage.css
index c72e73673..0df6c9d21 100644
--- a/frontend/src/Components/Page/ErrorPage.css
+++ b/frontend/src/Components/Page/ErrorPage.css
@@ -1,5 +1,5 @@
 .page {
-  composes: page from '~./Page.css';
+  composes: page from "~./Page.css";
 
   margin-top: 20px;
   text-align: center;
diff --git a/frontend/src/Components/Page/Header/PageHeader.css b/frontend/src/Components/Page/Header/PageHeader.css
index c4dc3f844..bdc62da74 100644
--- a/frontend/src/Components/Page/Header/PageHeader.css
+++ b/frontend/src/Components/Page/Header/PageHeader.css
@@ -38,7 +38,7 @@
 }
 
 .donate {
-  composes: link from '~Components/Link/Link.css';
+  composes: link from "~Components/Link/Link.css";
 
   width: 30px;
   color: $themeRed;
diff --git a/frontend/src/Components/Page/LoadingPage.css b/frontend/src/Components/Page/LoadingPage.css
index fc782dc0c..9d4e812d6 100644
--- a/frontend/src/Components/Page/LoadingPage.css
+++ b/frontend/src/Components/Page/LoadingPage.css
@@ -1,3 +1,3 @@
 .page {
-  composes: page from '~./Page.css';
+  composes: page from "~./Page.css";
 }
diff --git a/frontend/src/Components/Page/PageContentError.css b/frontend/src/Components/Page/PageContentError.css
index 811e61c85..3d81965cc 100644
--- a/frontend/src/Components/Page/PageContentError.css
+++ b/frontend/src/Components/Page/PageContentError.css
@@ -1,3 +1,3 @@
 .content {
-  composes: content from '~./PageContent.css';
+  composes: content from "~./PageContent.css";
 }
diff --git a/frontend/src/Components/Page/Sidebar/PageSidebarStatus.css b/frontend/src/Components/Page/Sidebar/PageSidebarStatus.css
index 2d914be43..53a860855 100644
--- a/frontend/src/Components/Page/Sidebar/PageSidebarStatus.css
+++ b/frontend/src/Components/Page/Sidebar/PageSidebarStatus.css
@@ -1,3 +1,3 @@
 .status {
-  composes: label from '~Components/Label.css';
+  composes: label from "~Components/Label.css";
 }
diff --git a/frontend/src/Components/Page/Toolbar/PageToolbarButton.css b/frontend/src/Components/Page/Toolbar/PageToolbarButton.css
index e729ed000..d43ffa3a7 100644
--- a/frontend/src/Components/Page/Toolbar/PageToolbarButton.css
+++ b/frontend/src/Components/Page/Toolbar/PageToolbarButton.css
@@ -1,5 +1,5 @@
 .toolbarButton {
-  composes: link from '~Components/Link/Link.css';
+  composes: link from "~Components/Link/Link.css";
 
   padding-top: 4px;
   width: $toolbarButtonWidth;
diff --git a/frontend/src/Components/Page/Toolbar/PageToolbarSection.css b/frontend/src/Components/Page/Toolbar/PageToolbarSection.css
index 110675b99..1a1d0c467 100644
--- a/frontend/src/Components/Page/Toolbar/PageToolbarSection.css
+++ b/frontend/src/Components/Page/Toolbar/PageToolbarSection.css
@@ -23,7 +23,7 @@
 }
 
 .overflowMenuButton {
-  composes: menuButton from '~Components/Menu/ToolbarMenuButton.css';
+  composes: menuButton from "~Components/Menu/ToolbarMenuButton.css";
 }
 
 .overflowMenuItemIcon {
@@ -34,7 +34,7 @@
   .overflowMenuButton {
     &::after {
       margin-left: 0;
-      content: '\25BE';
+      content: "\25BE";
     }
   }
 }
diff --git a/frontend/src/Components/Table/Cells/RelativeDateCell.css b/frontend/src/Components/Table/Cells/RelativeDateCell.css
index e96e5cc10..e0d4beca4 100644
--- a/frontend/src/Components/Table/Cells/RelativeDateCell.css
+++ b/frontend/src/Components/Table/Cells/RelativeDateCell.css
@@ -1,5 +1,5 @@
 .cell {
-  composes: cell from '~./TableRowCell.css';
+  composes: cell from "~./TableRowCell.css";
 
   width: 180px;
 }
diff --git a/frontend/src/Components/Table/Cells/TableRowCellButton.css b/frontend/src/Components/Table/Cells/TableRowCellButton.css
index c695d42fc..a94209ec8 100644
--- a/frontend/src/Components/Table/Cells/TableRowCellButton.css
+++ b/frontend/src/Components/Table/Cells/TableRowCellButton.css
@@ -1,4 +1,4 @@
 .cell {
-  composes: cell from '~./TableRowCell.css';
-  composes: link from '~Components/Link/Link.css';
+  composes: cell from "~./TableRowCell.css";
+  composes: link from "~Components/Link/Link.css";
 }
diff --git a/frontend/src/Components/Table/Cells/TableSelectCell.css b/frontend/src/Components/Table/Cells/TableSelectCell.css
index be087c702..7623db8eb 100644
--- a/frontend/src/Components/Table/Cells/TableSelectCell.css
+++ b/frontend/src/Components/Table/Cells/TableSelectCell.css
@@ -1,11 +1,11 @@
 .selectCell {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 30px;
 }
 
 .input {
-  composes: input from '~Components/Form/CheckInput.css';
+  composes: input from "~Components/Form/CheckInput.css";
 
   margin: 0;
 }
diff --git a/frontend/src/Components/Table/Cells/VirtualTableRowCell.css b/frontend/src/Components/Table/Cells/VirtualTableRowCell.css
index 2501b7c84..3c866518e 100644
--- a/frontend/src/Components/Table/Cells/VirtualTableRowCell.css
+++ b/frontend/src/Components/Table/Cells/VirtualTableRowCell.css
@@ -1,6 +1,6 @@
 .cell {
   @add-mixin truncate;
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   flex-grow: 0;
   flex-shrink: 1;
diff --git a/frontend/src/Components/Table/Cells/VirtualTableSelectCell.css b/frontend/src/Components/Table/Cells/VirtualTableSelectCell.css
index ec7c61b92..16ab09615 100644
--- a/frontend/src/Components/Table/Cells/VirtualTableSelectCell.css
+++ b/frontend/src/Components/Table/Cells/VirtualTableSelectCell.css
@@ -1,11 +1,11 @@
 .cell {
-  composes: cell from '~Components/Table/Cells/VirtualTableRowCell.css';
+  composes: cell from "~Components/Table/Cells/VirtualTableRowCell.css";
 
   flex: 0 0 36px;
 }
 
 .input {
-  composes: input from '~Components/Form/CheckInput.css';
+  composes: input from "~Components/Form/CheckInput.css";
 
   margin: 0;
 }
diff --git a/frontend/src/Components/Table/TablePager.css b/frontend/src/Components/Table/TablePager.css
index 19f5a8f6b..562380e63 100644
--- a/frontend/src/Components/Table/TablePager.css
+++ b/frontend/src/Components/Table/TablePager.css
@@ -21,7 +21,7 @@
 }
 
 .loading {
-  composes: loading from '~Components/Loading/LoadingIndicator.css';
+  composes: loading from "~Components/Loading/LoadingIndicator.css";
 
   margin: 0;
   margin-left: 5px;
@@ -54,7 +54,7 @@
 }
 
 .pageSelect {
-  composes: select from '~Components/Form/SelectInput.css';
+  composes: select from "~Components/Form/SelectInput.css";
 
   padding: 0 2px;
   height: 25px;
diff --git a/frontend/src/Components/Table/TableRowButton.css b/frontend/src/Components/Table/TableRowButton.css
index e51ca44a4..1d4c424cf 100644
--- a/frontend/src/Components/Table/TableRowButton.css
+++ b/frontend/src/Components/Table/TableRowButton.css
@@ -1,4 +1,4 @@
 .row {
-  composes: link from '~Components/Link/Link.css';
-  composes: row from '~./TableRow.css';
+  composes: link from "~Components/Link/Link.css";
+  composes: row from "~./TableRow.css";
 }
diff --git a/frontend/src/Components/Table/TableSelectAllHeaderCell.css b/frontend/src/Components/Table/TableSelectAllHeaderCell.css
index 9b6f6e622..e22e1bc4e 100644
--- a/frontend/src/Components/Table/TableSelectAllHeaderCell.css
+++ b/frontend/src/Components/Table/TableSelectAllHeaderCell.css
@@ -1,11 +1,11 @@
 .selectAllHeaderCell {
-  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+  composes: headerCell from "~Components/Table/VirtualTableHeaderCell.css";
 
   width: 30px;
 }
 
 .input {
-  composes: input from '~Components/Form/CheckInput.css';
+  composes: input from "~Components/Form/CheckInput.css";
 
   margin: 0;
 }
diff --git a/frontend/src/Components/Table/VirtualTableSelectAllHeaderCell.css b/frontend/src/Components/Table/VirtualTableSelectAllHeaderCell.css
index 7790ae17d..8d04a9466 100644
--- a/frontend/src/Components/Table/VirtualTableSelectAllHeaderCell.css
+++ b/frontend/src/Components/Table/VirtualTableSelectAllHeaderCell.css
@@ -1,11 +1,11 @@
 .selectAllHeaderCell {
-  composes: headerCell from '~Components/Table/TableHeaderCell.css';
+  composes: headerCell from "~Components/Table/TableHeaderCell.css";
 
   flex: 0 0 36px;
 }
 
 .input {
-  composes: input from '~Components/Form/CheckInput.css';
+  composes: input from "~Components/Form/CheckInput.css";
 
   margin: 0;
 }
diff --git a/frontend/src/Components/Tooltip/Tooltip.css b/frontend/src/Components/Tooltip/Tooltip.css
index 1db58372b..1d5206087 100644
--- a/frontend/src/Components/Tooltip/Tooltip.css
+++ b/frontend/src/Components/Tooltip/Tooltip.css
@@ -30,7 +30,7 @@
 
 .arrow::after {
   border-width: 10px;
-  content: '';
+  content: "";
 }
 
 .top {
@@ -43,7 +43,7 @@
     bottom: 1px;
     margin-left: -10px;
     border-bottom-width: 0;
-    content: ' ';
+    content: " ";
 
     &.default {
       border-top-color: $popoverArrowBorderColor;
@@ -73,7 +73,7 @@
     bottom: -10px;
     left: 1px;
     border-left-width: 0;
-    content: ' ';
+    content: " ";
 
     &.default {
       border-right-color: $popoverArrowBorderColor;
@@ -103,7 +103,7 @@
     top: 1px;
     margin-left: -10px;
     border-top-width: 0;
-    content: ' ';
+    content: " ";
 
     &.default {
       border-bottom-color: $popoverArrowBorderColor;
@@ -133,7 +133,7 @@
     right: 1px;
     bottom: -10px;
     border-right-width: 0;
-    content: ' ';
+    content: " ";
 
     &.default {
       border-left-color: $popoverArrowBorderColor;
diff --git a/frontend/src/Content/Fonts/fonts.css b/frontend/src/Content/Fonts/fonts.css
index bf31501dd..b93487e02 100644
--- a/frontend/src/Content/Fonts/fonts.css
+++ b/frontend/src/Content/Fonts/fonts.css
@@ -1,29 +1,29 @@
 @font-face {
   font-weight: 300;
   font-style: normal;
-  font-family: 'Roboto';
-  src: url('Roboto-Light.woff2?v=1.3.0') format('woff2'), url('Roboto-Light.woff?v=1.3.0') format('woff'), url('Roboto-Light.ttf?v=1.3.0') format('truetype');
+  font-family: "Roboto";
+  src: url("Roboto-Light.woff2?v=1.3.0") format("woff2"), url("Roboto-Light.woff?v=1.3.0") format("woff"), url("Roboto-Light.ttf?v=1.3.0") format("truetype");
 }
 
 @font-face {
   font-weight: 400;
   font-style: normal;
-  font-family: 'Roboto';
-  src: url('Roboto-Regular.woff2?v=1.3.0') format('woff2'), url('Roboto-Regular.woff?v=1.3.0') format('woff'), url('Roboto-Regular.ttf?v=1.3.0') format('truetype');
+  font-family: "Roboto";
+  src: url("Roboto-Regular.woff2?v=1.3.0") format("woff2"), url("Roboto-Regular.woff?v=1.3.0") format("woff"), url("Roboto-Regular.ttf?v=1.3.0") format("truetype");
 }
 
 @font-face {
   font-weight: normal;
   font-style: normal;
-  font-family: 'Roboto';
-  src: url('Roboto-Regular.woff2?v=1.3.0') format('woff2'), url('Roboto-Regular.woff?v=1.3.0') format('woff'), url('Roboto-Regular.ttf?v=1.3.0') format('truetype');
+  font-family: "Roboto";
+  src: url("Roboto-Regular.woff2?v=1.3.0") format("woff2"), url("Roboto-Regular.woff?v=1.3.0") format("woff"), url("Roboto-Regular.ttf?v=1.3.0") format("truetype");
 }
 
 @font-face {
   font-weight: 400;
   font-style: normal;
-  font-family: 'Ubuntu Mono';
-  src: url('UbuntuMono-Regular.eot?#iefix&v=1.3.0') format('embedded-opentype'), url('UbuntuMono-Regular.woff?v=1.3.0') format('woff'), url('UbuntuMono-Regular.ttf?v=1.3.0') format('truetype');
+  font-family: "Ubuntu Mono";
+  src: url("UbuntuMono-Regular.eot?#iefix&v=1.3.0") format("embedded-opentype"), url("UbuntuMono-Regular.woff?v=1.3.0") format("woff"), url("UbuntuMono-Regular.ttf?v=1.3.0") format("truetype");
 }
 
 /*
@@ -33,6 +33,6 @@
 @font-face {
   font-weight: normal;
   font-style: normal;
-  font-family: 'text-security-disc';
-  src: url('text-security-disc.woff?v=1.3.0') format('woff'), url('text-security-disc.ttf?v=1.3.0') format('truetype');
+  font-family: "text-security-disc";
+  src: url("text-security-disc.woff?v=1.3.0") format("woff"), url("text-security-disc.ttf?v=1.3.0") format("truetype");
 }
diff --git a/frontend/src/Episode/EpisodeDetailsModalContent.css b/frontend/src/Episode/EpisodeDetailsModalContent.css
index 0fe2ceb15..d7f7265a1 100644
--- a/frontend/src/Episode/EpisodeDetailsModalContent.css
+++ b/frontend/src/Episode/EpisodeDetailsModalContent.css
@@ -38,7 +38,7 @@
 }
 
 .openSeriesButton {
-  composes: button from '~Components/Link/Button.css';
+  composes: button from "~Components/Link/Button.css";
 
   margin-right: auto;
 }
diff --git a/frontend/src/Episode/EpisodeSearchCell.css b/frontend/src/Episode/EpisodeSearchCell.css
index 66e25707d..b3b1fb9d2 100644
--- a/frontend/src/Episode/EpisodeSearchCell.css
+++ b/frontend/src/Episode/EpisodeSearchCell.css
@@ -1,5 +1,5 @@
 .episodeSearchCell {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 70px;
   white-space: nowrap;
diff --git a/frontend/src/Episode/EpisodeTitleLink.css b/frontend/src/Episode/EpisodeTitleLink.css
index 47d897238..53fcc38d4 100644
--- a/frontend/src/Episode/EpisodeTitleLink.css
+++ b/frontend/src/Episode/EpisodeTitleLink.css
@@ -1,5 +1,5 @@
 .link {
-  composes: link from '~Components/Link/Link.css';
+  composes: link from "~Components/Link/Link.css";
 
   &:hover {
     color: $linkHoverColor;
diff --git a/frontend/src/Episode/History/EpisodeHistoryRow.css b/frontend/src/Episode/History/EpisodeHistoryRow.css
index deafecb81..a1074e6a6 100644
--- a/frontend/src/Episode/History/EpisodeHistoryRow.css
+++ b/frontend/src/Episode/History/EpisodeHistoryRow.css
@@ -1,6 +1,6 @@
 .details,
 .actions {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 65px;
 }
diff --git a/frontend/src/Episode/SceneInfo.css b/frontend/src/Episode/SceneInfo.css
index 8a5f4bccd..22491ab94 100644
--- a/frontend/src/Episode/SceneInfo.css
+++ b/frontend/src/Episode/SceneInfo.css
@@ -1,17 +1,17 @@
 .descriptionList {
-  composes: descriptionList from '~Components/DescriptionList/DescriptionList.css';
+  composes: descriptionList from "~Components/DescriptionList/DescriptionList.css";
 
   margin-right: 10px;
 }
 
 .title {
-  composes: title from '~Components/DescriptionList/DescriptionListItemTitle.css';
+  composes: title from "~Components/DescriptionList/DescriptionListItemTitle.css";
 
   width: 80px;
 }
 
 .description {
-  composes: title from '~Components/DescriptionList/DescriptionListItemDescription.css';
+  composes: title from "~Components/DescriptionList/DescriptionListItemDescription.css";
 
   margin-left: 100px;
 }
diff --git a/frontend/src/Episode/Search/EpisodeSearch.css b/frontend/src/Episode/Search/EpisodeSearch.css
index 537f39198..e211eb5ad 100644
--- a/frontend/src/Episode/Search/EpisodeSearch.css
+++ b/frontend/src/Episode/Search/EpisodeSearch.css
@@ -6,7 +6,7 @@
 }
 
 .button {
-  composes: button from '~Components/Link/Button.css';
+  composes: button from "~Components/Link/Button.css";
 
   width: 300px;
 }
diff --git a/frontend/src/InteractiveImport/Episode/SelectEpisodeModalContent.css b/frontend/src/InteractiveImport/Episode/SelectEpisodeModalContent.css
index 67f91fa3c..0cef68a5e 100644
--- a/frontend/src/InteractiveImport/Episode/SelectEpisodeModalContent.css
+++ b/frontend/src/InteractiveImport/Episode/SelectEpisodeModalContent.css
@@ -1,5 +1,5 @@
 .footer {
-  composes: modalFooter from '~Components/Modal/ModalFooter.css';
+  composes: modalFooter from "~Components/Modal/ModalFooter.css";
 
   display: flex;
   justify-content: space-between;
diff --git a/frontend/src/InteractiveImport/Folder/InteractiveImportSelectFolderModalContent.css b/frontend/src/InteractiveImport/Folder/InteractiveImportSelectFolderModalContent.css
index 5f9033a18..123ebb9d0 100644
--- a/frontend/src/InteractiveImport/Folder/InteractiveImportSelectFolderModalContent.css
+++ b/frontend/src/InteractiveImport/Folder/InteractiveImportSelectFolderModalContent.css
@@ -14,7 +14,7 @@
 }
 
 .button {
-  composes: button from '~Components/Link/Button.css';
+  composes: button from "~Components/Link/Button.css";
 
   width: 300px;
 }
diff --git a/frontend/src/InteractiveImport/Folder/RecentFolderRow.css b/frontend/src/InteractiveImport/Folder/RecentFolderRow.css
index 58eb9a8e4..48f2d826a 100644
--- a/frontend/src/InteractiveImport/Folder/RecentFolderRow.css
+++ b/frontend/src/InteractiveImport/Folder/RecentFolderRow.css
@@ -1,5 +1,5 @@
 .actions {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 40px;
 }
diff --git a/frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.css b/frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.css
index d50f3a261..4086d83d6 100644
--- a/frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.css
+++ b/frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.css
@@ -9,7 +9,7 @@
 }
 
 .footer {
-  composes: modalFooter from '~Components/Modal/ModalFooter.css';
+  composes: modalFooter from "~Components/Modal/ModalFooter.css";
 
   justify-content: space-between;
   padding: 15px;
@@ -28,7 +28,7 @@
 
 .importMode,
 .bulkSelect {
-  composes: select from '~Components/Form/SelectInput.css';
+  composes: select from "~Components/Form/SelectInput.css";
 
   margin-right: 10px;
   width: auto;
diff --git a/frontend/src/InteractiveImport/Interactive/InteractiveImportRow.css b/frontend/src/InteractiveImport/Interactive/InteractiveImportRow.css
index 012108f8c..98ab42d4a 100644
--- a/frontend/src/InteractiveImport/Interactive/InteractiveImportRow.css
+++ b/frontend/src/InteractiveImport/Interactive/InteractiveImportRow.css
@@ -1,24 +1,24 @@
 .relativePath {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   word-break: break-all;
 }
 
 .quality,
 .language {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   text-align: center;
 }
 
 .label {
-  composes: label from '~Components/Label.css';
+  composes: label from "~Components/Label.css";
 
   cursor: pointer;
 }
 
 .reprocessing {
-  composes: loading from '~Components/Loading/LoadingIndicator.css';
+  composes: loading from "~Components/Loading/LoadingIndicator.css";
 
   margin-top: 0;
   text-align: start;
diff --git a/frontend/src/InteractiveImport/Series/SelectSeriesModalContent.css b/frontend/src/InteractiveImport/Series/SelectSeriesModalContent.css
index 54f67bb07..04f1c01d1 100644
--- a/frontend/src/InteractiveImport/Series/SelectSeriesModalContent.css
+++ b/frontend/src/InteractiveImport/Series/SelectSeriesModalContent.css
@@ -1,5 +1,5 @@
 .modalBody {
-  composes: modalBody from '~Components/Modal/ModalBody.css';
+  composes: modalBody from "~Components/Modal/ModalBody.css";
 
   display: flex;
   flex: 1 1 auto;
@@ -7,7 +7,7 @@
 }
 
 .filterInput {
-  composes: input from '~Components/Form/TextInput.css';
+  composes: input from "~Components/Form/TextInput.css";
 
   flex: 0 0 auto;
   margin-bottom: 20px;
diff --git a/frontend/src/InteractiveSearch/InteractiveSearchRow.css b/frontend/src/InteractiveSearch/InteractiveSearchRow.css
index fffa424d8..3dcc638e2 100644
--- a/frontend/src/InteractiveSearch/InteractiveSearchRow.css
+++ b/frontend/src/InteractiveSearch/InteractiveSearchRow.css
@@ -1,12 +1,12 @@
 .title {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   word-break: break-all;
 }
 
 .quality,
 .language {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   text-align: center;
 }
@@ -16,7 +16,7 @@
 }
 
 .preferredWordScore {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 55px;
   font-weight: bold;
@@ -25,14 +25,14 @@
 
 .rejected,
 .download {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 50px;
 }
 
 .age,
 .size {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   white-space: nowrap;
 }
diff --git a/frontend/src/Organize/OrganizePreviewModalContent.css b/frontend/src/Organize/OrganizePreviewModalContent.css
index 378c0b2c9..d81dfde0b 100644
--- a/frontend/src/Organize/OrganizePreviewModalContent.css
+++ b/frontend/src/Organize/OrganizePreviewModalContent.css
@@ -18,7 +18,7 @@
 }
 
 .selectAllInput {
-  composes: input from '~Components/Form/CheckInput.css';
+  composes: input from "~Components/Form/CheckInput.css";
 
   margin: 0;
 }
diff --git a/frontend/src/RootFolder/RootFolderRow.css b/frontend/src/RootFolder/RootFolderRow.css
index 124c9e449..f5d153229 100644
--- a/frontend/src/RootFolder/RootFolderRow.css
+++ b/frontend/src/RootFolder/RootFolderRow.css
@@ -1,18 +1,18 @@
 .link {
-  composes: link from '~Components/Link/Link.css';
+  composes: link from "~Components/Link/Link.css";
 
   display: block;
 }
 
 .freeSpace,
 .unmappedFolders {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 150px;
 }
 
 .actions {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 45px;
 }
diff --git a/frontend/src/SeasonPass/SeasonPassFooter.css b/frontend/src/SeasonPass/SeasonPassFooter.css
index 11ea5496a..9648363f8 100644
--- a/frontend/src/SeasonPass/SeasonPassFooter.css
+++ b/frontend/src/SeasonPass/SeasonPassFooter.css
@@ -8,7 +8,7 @@
 }
 
 .updateSelectedButton {
-  composes: button from '~Components/Link/SpinnerButton.css';
+  composes: button from "~Components/Link/SpinnerButton.css";
 
   height: 35px;
 }
diff --git a/frontend/src/SeasonPass/SeasonPassRow.css b/frontend/src/SeasonPass/SeasonPassRow.css
index 35d97d3c2..ff1c4e621 100644
--- a/frontend/src/SeasonPass/SeasonPassRow.css
+++ b/frontend/src/SeasonPass/SeasonPassRow.css
@@ -1,19 +1,19 @@
 .status,
 .monitored {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 50px;
 }
 
 .title {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 1px;
   white-space: nowrap;
 }
 
 .seasons {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   display: flex;
   flex-wrap: wrap;
diff --git a/frontend/src/Series/Details/EpisodeRow.css b/frontend/src/Series/Details/EpisodeRow.css
index e65c23876..bb22c2e28 100644
--- a/frontend/src/Series/Details/EpisodeRow.css
+++ b/frontend/src/Series/Details/EpisodeRow.css
@@ -1,23 +1,23 @@
 .title {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   white-space: nowrap;
 }
 
 .monitored {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 42px;
 }
 
 .episodeNumber {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 50px;
 }
 
 .size {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 100px;
 }
@@ -26,7 +26,7 @@
 .audio,
 .video,
 .status {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 100px;
 }
diff --git a/frontend/src/Series/Details/SeasonInfo.css b/frontend/src/Series/Details/SeasonInfo.css
index b3102d230..d5e3040ab 100644
--- a/frontend/src/Series/Details/SeasonInfo.css
+++ b/frontend/src/Series/Details/SeasonInfo.css
@@ -1,11 +1,11 @@
 .title {
-  composes: title from '~Components/DescriptionList/DescriptionListItemTitle.css';
+  composes: title from "~Components/DescriptionList/DescriptionListItemTitle.css";
 
   width: 90px;
 }
 
 .description {
-  composes: title from '~Components/DescriptionList/DescriptionListItemDescription.css';
+  composes: title from "~Components/DescriptionList/DescriptionListItemDescription.css";
 
   margin-left: 110px;
 }
diff --git a/frontend/src/Series/Details/SeriesDetails.css b/frontend/src/Series/Details/SeriesDetails.css
index 91f3b104a..e25d918f4 100644
--- a/frontend/src/Series/Details/SeriesDetails.css
+++ b/frontend/src/Series/Details/SeriesDetails.css
@@ -69,7 +69,7 @@
 }
 
 .monitorToggleButton {
-  composes: toggleButton from '~Components/MonitorToggleButton.css';
+  composes: toggleButton from "~Components/MonitorToggleButton.css";
 
   width: 40px;
 
@@ -88,7 +88,7 @@
 }
 
 .seriesNavigationButton {
-  composes: button from '~Components/Link/IconButton.css';
+  composes: button from "~Components/Link/IconButton.css";
 
   margin-left: 5px;
   width: 30px;
@@ -111,7 +111,7 @@
 }
 
 .detailsLabel {
-  composes: label from '~Components/Label.css';
+  composes: label from "~Components/Label.css";
 
   margin: 5px 10px 5px 0;
 }
diff --git a/frontend/src/Series/Details/SeriesDetailsLinks.css b/frontend/src/Series/Details/SeriesDetailsLinks.css
index d37a082a1..b43a3fe52 100644
--- a/frontend/src/Series/Details/SeriesDetailsLinks.css
+++ b/frontend/src/Series/Details/SeriesDetailsLinks.css
@@ -7,7 +7,7 @@
 }
 
 .linkLabel {
-  composes: label from '~Components/Label.css';
+  composes: label from "~Components/Label.css";
 
   cursor: pointer;
 }
diff --git a/frontend/src/Series/Details/SeriesDetailsSeason.css b/frontend/src/Series/Details/SeriesDetailsSeason.css
index 24631da2d..54577a647 100644
--- a/frontend/src/Series/Details/SeriesDetailsSeason.css
+++ b/frontend/src/Series/Details/SeriesDetailsSeason.css
@@ -27,7 +27,7 @@
 }
 
 .expandButton {
-  composes: link from '~Components/Link/Link.css';
+  composes: link from "~Components/Link/Link.css";
 
   flex-grow: 1;
   margin: 0 20px;
@@ -46,13 +46,13 @@
 }
 
 .actionsMenu {
-  composes: menu from '~Components/Menu/Menu.css';
+  composes: menu from "~Components/Menu/Menu.css";
 
   flex: 0 0 45px;
 }
 
 .actionsMenuContent {
-  composes: menuContent from '~Components/Menu/MenuContent.css';
+  composes: menuContent from "~Components/Menu/MenuContent.css";
 
   white-space: nowrap;
   font-size: $defaultFontSize;
@@ -63,7 +63,7 @@
 }
 
 .actionButton {
-  composes: button from '~Components/Link/IconButton.css';
+  composes: button from "~Components/Link/IconButton.css";
 
   width: 30px;
 }
diff --git a/frontend/src/Series/Edit/EditSeriesModalContent.css b/frontend/src/Series/Edit/EditSeriesModalContent.css
index a2b6014df..fc8542d02 100644
--- a/frontend/src/Series/Edit/EditSeriesModalContent.css
+++ b/frontend/src/Series/Edit/EditSeriesModalContent.css
@@ -1,5 +1,5 @@
 .deleteButton {
-  composes: button from '~Components/Link/Button.css';
+  composes: button from "~Components/Link/Button.css";
 
   margin-right: auto;
 }
diff --git a/frontend/src/Series/Editor/SeriesEditorFooter.css b/frontend/src/Series/Editor/SeriesEditorFooter.css
index e9e2b12d7..cadccb5d2 100644
--- a/frontend/src/Series/Editor/SeriesEditorFooter.css
+++ b/frontend/src/Series/Editor/SeriesEditorFooter.css
@@ -21,14 +21,14 @@
 
 .organizeSelectedButton,
 .tagsButton {
-  composes: button from '~Components/Link/SpinnerButton.css';
+  composes: button from "~Components/Link/SpinnerButton.css";
 
   margin-right: 10px;
   height: 35px;
 }
 
 .deleteSelectedButton {
-  composes: button from '~Components/Link/SpinnerButton.css';
+  composes: button from "~Components/Link/SpinnerButton.css";
 
   margin-left: 50px;
   height: 35px;
diff --git a/frontend/src/Series/Editor/SeriesEditorRow.css b/frontend/src/Series/Editor/SeriesEditorRow.css
index f1ddce554..78bf500fb 100644
--- a/frontend/src/Series/Editor/SeriesEditorRow.css
+++ b/frontend/src/Series/Editor/SeriesEditorRow.css
@@ -1,5 +1,5 @@
 .seasonFolder {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 150px;
 }
diff --git a/frontend/src/Series/History/SeriesHistoryRow.css b/frontend/src/Series/History/SeriesHistoryRow.css
index deafecb81..a1074e6a6 100644
--- a/frontend/src/Series/History/SeriesHistoryRow.css
+++ b/frontend/src/Series/History/SeriesHistoryRow.css
@@ -1,6 +1,6 @@
 .details,
 .actions {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 65px;
 }
diff --git a/frontend/src/Series/Index/Overview/SeriesIndexOverview.css b/frontend/src/Series/Index/Overview/SeriesIndexOverview.css
index 054319ebc..243e95f63 100644
--- a/frontend/src/Series/Index/Overview/SeriesIndexOverview.css
+++ b/frontend/src/Series/Index/Overview/SeriesIndexOverview.css
@@ -22,7 +22,7 @@ $hoverScale: 1.05;
 }
 
 .link {
-  composes: link from '~Components/Link/Link.css';
+  composes: link from "~Components/Link/Link.css";
 
   display: block;
   color: $defaultColor;
diff --git a/frontend/src/Series/Index/Posters/SeriesIndexPoster.css b/frontend/src/Series/Index/Posters/SeriesIndexPoster.css
index 3318e8d09..e4ed2944c 100644
--- a/frontend/src/Series/Index/Posters/SeriesIndexPoster.css
+++ b/frontend/src/Series/Index/Posters/SeriesIndexPoster.css
@@ -24,7 +24,7 @@ $hoverScale: 1.05;
 }
 
 .link {
-  composes: link from '~Components/Link/Link.css';
+  composes: link from "~Components/Link/Link.css";
 
   position: relative;
   display: block;
@@ -88,7 +88,7 @@ $hoverScale: 1.05;
 }
 
 .action {
-  composes: button from '~Components/Link/IconButton.css';
+  composes: button from "~Components/Link/IconButton.css";
 
   &:hover {
     color: #ccc;
diff --git a/frontend/src/Series/Index/ProgressBar/SeriesIndexProgressBar.css b/frontend/src/Series/Index/ProgressBar/SeriesIndexProgressBar.css
index b98bb33d5..83e542b63 100644
--- a/frontend/src/Series/Index/ProgressBar/SeriesIndexProgressBar.css
+++ b/frontend/src/Series/Index/ProgressBar/SeriesIndexProgressBar.css
@@ -1,5 +1,5 @@
 .progress {
-  composes: container from '~Components/ProgressBar.css';
+  composes: container from "~Components/ProgressBar.css";
 
   border-radius: 0;
   background-color: #5b5b5b;
@@ -8,7 +8,7 @@
 }
 
 .progressBar {
-  composes: progressBar from '~Components/ProgressBar.css';
+  composes: progressBar from "~Components/ProgressBar.css";
 
   transition: width 200ms ease;
 }
diff --git a/frontend/src/Series/Index/SeriesIndex.css b/frontend/src/Series/Index/SeriesIndex.css
index e4bd6662c..91e1eebc5 100644
--- a/frontend/src/Series/Index/SeriesIndex.css
+++ b/frontend/src/Series/Index/SeriesIndex.css
@@ -5,14 +5,14 @@
 }
 
 .contentBody {
-  composes: contentBody from '~Components/Page/PageContentBody.css';
+  composes: contentBody from "~Components/Page/PageContentBody.css";
 
   display: flex;
   flex-direction: column;
 }
 
 .postersInnerContentBody {
-  composes: innerContentBody from '~Components/Page/PageContentBody.css';
+  composes: innerContentBody from "~Components/Page/PageContentBody.css";
 
   display: flex;
   flex-direction: column;
@@ -23,7 +23,7 @@
 }
 
 .tableInnerContentBody {
-  composes: innerContentBody from '~Components/Page/PageContentBody.css';
+  composes: innerContentBody from "~Components/Page/PageContentBody.css";
 
   display: flex;
   flex-direction: column;
diff --git a/frontend/src/Series/Index/Table/SeriesIndexHeader.css b/frontend/src/Series/Index/Table/SeriesIndexHeader.css
index fecf13396..2ee938e25 100644
--- a/frontend/src/Series/Index/Table/SeriesIndexHeader.css
+++ b/frontend/src/Series/Index/Table/SeriesIndexHeader.css
@@ -1,11 +1,11 @@
 .status {
-  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+  composes: headerCell from "~Components/Table/VirtualTableHeaderCell.css";
 
   flex: 0 0 60px;
 }
 
 .sortTitle {
-  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+  composes: headerCell from "~Components/Table/VirtualTableHeaderCell.css";
 
   flex: 4 0 110px;
 }
@@ -19,20 +19,20 @@
 }
 
 .seriesType {
-  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+  composes: headerCell from "~Components/Table/VirtualTableHeaderCell.css";
 
   flex: 0 0 100px;
 }
 
 .network {
-  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+  composes: headerCell from "~Components/Table/VirtualTableHeaderCell.css";
 
   flex: 2 0 90px;
 }
 
 .qualityProfileId,
 .languageProfileId {
-  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+  composes: headerCell from "~Components/Table/VirtualTableHeaderCell.css";
 
   flex: 1 0 125px;
 }
@@ -41,63 +41,63 @@
 .previousAiring,
 .added,
 .genres {
-  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+  composes: headerCell from "~Components/Table/VirtualTableHeaderCell.css";
 
   flex: 0 0 180px;
 }
 
 .seasonCount,
 .certification {
-  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+  composes: headerCell from "~Components/Table/VirtualTableHeaderCell.css";
 
   flex: 0 0 100px;
 }
 
 .episodeProgress,
 .latestSeason {
-  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+  composes: headerCell from "~Components/Table/VirtualTableHeaderCell.css";
 
   flex: 0 0 150px;
 }
 
 .episodeCount {
-  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+  composes: headerCell from "~Components/Table/VirtualTableHeaderCell.css";
 
   flex: 0 0 130px;
 }
 
 .path {
-  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+  composes: headerCell from "~Components/Table/VirtualTableHeaderCell.css";
 
   flex: 1 0 150px;
 }
 
 .sizeOnDisk {
-  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+  composes: headerCell from "~Components/Table/VirtualTableHeaderCell.css";
 
   flex: 0 0 120px;
 }
 
 .ratings {
-  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+  composes: headerCell from "~Components/Table/VirtualTableHeaderCell.css";
 
   flex: 0 0 80px;
 }
 
 .tags {
-  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+  composes: headerCell from "~Components/Table/VirtualTableHeaderCell.css";
 
   flex: 1 0 60px;
 }
 
 .useSceneNumbering {
-  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+  composes: headerCell from "~Components/Table/VirtualTableHeaderCell.css";
 
   flex: 0 0 145px;
 }
 
 .actions {
-  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+  composes: headerCell from "~Components/Table/VirtualTableHeaderCell.css";
 
   flex: 0 1 90px;
 }
diff --git a/frontend/src/Series/Index/Table/SeriesIndexTable.css b/frontend/src/Series/Index/Table/SeriesIndexTable.css
index 23ab127b5..a76767cf2 100644
--- a/frontend/src/Series/Index/Table/SeriesIndexTable.css
+++ b/frontend/src/Series/Index/Table/SeriesIndexTable.css
@@ -1,5 +1,5 @@
 .tableContainer {
-  composes: tableContainer from '~Components/Table/VirtualTable.css';
+  composes: tableContainer from "~Components/Table/VirtualTable.css";
 
   flex: 1 0 auto;
 }
diff --git a/frontend/src/Series/Index/Table/SeriesStatusCell.css b/frontend/src/Series/Index/Table/SeriesStatusCell.css
index fbcd5eee9..2370ce867 100644
--- a/frontend/src/Series/Index/Table/SeriesStatusCell.css
+++ b/frontend/src/Series/Index/Table/SeriesStatusCell.css
@@ -1,5 +1,5 @@
 .status {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 60px;
 }
diff --git a/frontend/src/Series/MoveSeries/MoveSeriesModal.css b/frontend/src/Series/MoveSeries/MoveSeriesModal.css
index c1e247a50..a473b53f9 100644
--- a/frontend/src/Series/MoveSeries/MoveSeriesModal.css
+++ b/frontend/src/Series/MoveSeries/MoveSeriesModal.css
@@ -1,5 +1,5 @@
 .doNotMoveButton {
-  composes: button from '~Components/Link/Button.css';
+  composes: button from "~Components/Link/Button.css";
 
   margin-right: auto;
 }
diff --git a/frontend/src/Settings/AdvancedSettingsButton.css b/frontend/src/Settings/AdvancedSettingsButton.css
index 5f0d3b9f2..24024ad69 100644
--- a/frontend/src/Settings/AdvancedSettingsButton.css
+++ b/frontend/src/Settings/AdvancedSettingsButton.css
@@ -1,15 +1,15 @@
 .button {
-  composes: toolbarButton from '~Components/Page/Toolbar/PageToolbarButton.css';
+  composes: toolbarButton from "~Components/Page/Toolbar/PageToolbarButton.css";
 
   position: relative;
 }
 
 .labelContainer {
-  composes: labelContainer from '~Components/Page/Toolbar/PageToolbarButton.css';
+  composes: labelContainer from "~Components/Page/Toolbar/PageToolbarButton.css";
 }
 
 .label {
-  composes: label from '~Components/Page/Toolbar/PageToolbarButton.css';
+  composes: label from "~Components/Page/Toolbar/PageToolbarButton.css";
 }
 
 .indicatorContainer {
diff --git a/frontend/src/Settings/DownloadClients/DownloadClients/AddDownloadClientItem.css b/frontend/src/Settings/DownloadClients/DownloadClients/AddDownloadClientItem.css
index a3d90cc5a..5eb20187e 100644
--- a/frontend/src/Settings/DownloadClients/DownloadClients/AddDownloadClientItem.css
+++ b/frontend/src/Settings/DownloadClients/DownloadClients/AddDownloadClientItem.css
@@ -1,5 +1,5 @@
 .downloadClient {
-  composes: card from '~Components/Card.css';
+  composes: card from "~Components/Card.css";
 
   position: relative;
   width: 300px;
@@ -28,17 +28,17 @@
 }
 
 .presetsMenu {
-  composes: menu from '~Components/Menu/Menu.css';
+  composes: menu from "~Components/Menu/Menu.css";
 
   display: inline-block;
   margin: 0 5px;
 }
 
 .presetsMenuButton {
-  composes: button from '~Components/Link/Button.css';
+  composes: button from "~Components/Link/Button.css";
 
   &::after {
     margin-left: 5px;
-    content: '\25BE';
+    content: "\25BE";
   }
 }
diff --git a/frontend/src/Settings/DownloadClients/DownloadClients/DownloadClient.css b/frontend/src/Settings/DownloadClients/DownloadClients/DownloadClient.css
index 8eea80383..ce9c54e3c 100644
--- a/frontend/src/Settings/DownloadClients/DownloadClients/DownloadClient.css
+++ b/frontend/src/Settings/DownloadClients/DownloadClients/DownloadClient.css
@@ -1,5 +1,5 @@
 .downloadClient {
-  composes: card from '~Components/Card.css';
+  composes: card from "~Components/Card.css";
 
   width: 290px;
 }
diff --git a/frontend/src/Settings/DownloadClients/DownloadClients/DownloadClients.css b/frontend/src/Settings/DownloadClients/DownloadClients/DownloadClients.css
index 81b4f1510..c7bb2d8b4 100644
--- a/frontend/src/Settings/DownloadClients/DownloadClients/DownloadClients.css
+++ b/frontend/src/Settings/DownloadClients/DownloadClients/DownloadClients.css
@@ -4,7 +4,7 @@
 }
 
 .addDownloadClient {
-  composes: downloadClient from '~./DownloadClient.css';
+  composes: downloadClient from "~./DownloadClient.css";
 
   background-color: $cardAlternateBackgroundColor;
   color: $gray;
diff --git a/frontend/src/Settings/DownloadClients/DownloadClients/EditDownloadClientModalContent.css b/frontend/src/Settings/DownloadClients/DownloadClients/EditDownloadClientModalContent.css
index 8e1c16507..97e8b3813 100644
--- a/frontend/src/Settings/DownloadClients/DownloadClients/EditDownloadClientModalContent.css
+++ b/frontend/src/Settings/DownloadClients/DownloadClients/EditDownloadClientModalContent.css
@@ -1,11 +1,11 @@
 .deleteButton {
-  composes: button from '~Components/Link/Button.css';
+  composes: button from "~Components/Link/Button.css";
 
   margin-right: auto;
 }
 
 .message {
-  composes: alert from '~Components/Alert.css';
+  composes: alert from "~Components/Alert.css";
 
   margin-bottom: 30px;
 }
diff --git a/frontend/src/Settings/DownloadClients/RemotePathMappings/EditRemotePathMappingModalContent.css b/frontend/src/Settings/DownloadClients/RemotePathMappings/EditRemotePathMappingModalContent.css
index 97e132552..06333f9f3 100644
--- a/frontend/src/Settings/DownloadClients/RemotePathMappings/EditRemotePathMappingModalContent.css
+++ b/frontend/src/Settings/DownloadClients/RemotePathMappings/EditRemotePathMappingModalContent.css
@@ -1,11 +1,11 @@
 .body {
-  composes: modalBody from '~Components/Modal/ModalBody.css';
+  composes: modalBody from "~Components/Modal/ModalBody.css";
 
   flex: 1 1 430px;
 }
 
 .deleteButton {
-  composes: button from '~Components/Link/Button.css';
+  composes: button from "~Components/Link/Button.css";
 
   margin-right: auto;
 }
diff --git a/frontend/src/Settings/Indexers/Indexers/AddIndexerItem.css b/frontend/src/Settings/Indexers/Indexers/AddIndexerItem.css
index 1010221e1..1cabe8c21 100644
--- a/frontend/src/Settings/Indexers/Indexers/AddIndexerItem.css
+++ b/frontend/src/Settings/Indexers/Indexers/AddIndexerItem.css
@@ -1,5 +1,5 @@
 .indexer {
-  composes: card from '~Components/Card.css';
+  composes: card from "~Components/Card.css";
 
   position: relative;
   width: 300px;
@@ -28,17 +28,17 @@
 }
 
 .presetsMenu {
-  composes: menu from '~Components/Menu/Menu.css';
+  composes: menu from "~Components/Menu/Menu.css";
 
   display: inline-block;
   margin: 0 5px;
 }
 
 .presetsMenuButton {
-  composes: button from '~Components/Link/Button.css';
+  composes: button from "~Components/Link/Button.css";
 
   &::after {
     margin-left: 5px;
-    content: '\25BE';
+    content: "\25BE";
   }
 }
diff --git a/frontend/src/Settings/Indexers/Indexers/EditIndexerModalContent.css b/frontend/src/Settings/Indexers/Indexers/EditIndexerModalContent.css
index a2b6014df..fc8542d02 100644
--- a/frontend/src/Settings/Indexers/Indexers/EditIndexerModalContent.css
+++ b/frontend/src/Settings/Indexers/Indexers/EditIndexerModalContent.css
@@ -1,5 +1,5 @@
 .deleteButton {
-  composes: button from '~Components/Link/Button.css';
+  composes: button from "~Components/Link/Button.css";
 
   margin-right: auto;
 }
diff --git a/frontend/src/Settings/Indexers/Indexers/Indexer.css b/frontend/src/Settings/Indexers/Indexers/Indexer.css
index 6715d2a0a..d64b4c6f8 100644
--- a/frontend/src/Settings/Indexers/Indexers/Indexer.css
+++ b/frontend/src/Settings/Indexers/Indexers/Indexer.css
@@ -1,5 +1,5 @@
 .indexer {
-  composes: card from '~Components/Card.css';
+  composes: card from "~Components/Card.css";
 
   width: 290px;
 }
diff --git a/frontend/src/Settings/Indexers/Indexers/Indexers.css b/frontend/src/Settings/Indexers/Indexers/Indexers.css
index bf2e72ba4..59fd1852b 100644
--- a/frontend/src/Settings/Indexers/Indexers/Indexers.css
+++ b/frontend/src/Settings/Indexers/Indexers/Indexers.css
@@ -4,7 +4,7 @@
 }
 
 .addIndexer {
-  composes: indexer from '~./Indexer.css';
+  composes: indexer from "~./Indexer.css";
 
   background-color: $cardAlternateBackgroundColor;
   color: $gray;
diff --git a/frontend/src/Settings/MediaManagement/Naming/Naming.css b/frontend/src/Settings/MediaManagement/Naming/Naming.css
index 59d223e92..fde4478dd 100644
--- a/frontend/src/Settings/MediaManagement/Naming/Naming.css
+++ b/frontend/src/Settings/MediaManagement/Naming/Naming.css
@@ -1,5 +1,5 @@
 .namingInput {
-  composes: input from '~Components/Form/TextInput.css';
+  composes: input from "~Components/Form/TextInput.css";
 
   font-family: $monoSpaceFontFamily;
 }
diff --git a/frontend/src/Settings/MediaManagement/Naming/NamingModal.css b/frontend/src/Settings/MediaManagement/Naming/NamingModal.css
index c178d82cb..6efa358e4 100644
--- a/frontend/src/Settings/MediaManagement/Naming/NamingModal.css
+++ b/frontend/src/Settings/MediaManagement/Naming/NamingModal.css
@@ -11,7 +11,7 @@
 }
 
 .namingSelect {
-  composes: select from '~Components/Form/SelectInput.css';
+  composes: select from "~Components/Form/SelectInput.css";
 
   margin-left: 10px;
   width: 200px;
diff --git a/frontend/src/Settings/Metadata/Metadata/Metadata.css b/frontend/src/Settings/Metadata/Metadata/Metadata.css
index f87b92a81..530cbb486 100644
--- a/frontend/src/Settings/Metadata/Metadata/Metadata.css
+++ b/frontend/src/Settings/Metadata/Metadata/Metadata.css
@@ -1,5 +1,5 @@
 .metadata {
-  composes: card from '~Components/Card.css';
+  composes: card from "~Components/Card.css";
 
   width: 290px;
 }
diff --git a/frontend/src/Settings/Notifications/Notifications/AddNotificationItem.css b/frontend/src/Settings/Notifications/Notifications/AddNotificationItem.css
index a9e416098..04461d19a 100644
--- a/frontend/src/Settings/Notifications/Notifications/AddNotificationItem.css
+++ b/frontend/src/Settings/Notifications/Notifications/AddNotificationItem.css
@@ -1,5 +1,5 @@
 .notification {
-  composes: card from '~Components/Card.css';
+  composes: card from "~Components/Card.css";
 
   position: relative;
   width: 300px;
@@ -28,17 +28,17 @@
 }
 
 .presetsMenu {
-  composes: menu from '~Components/Menu/Menu.css';
+  composes: menu from "~Components/Menu/Menu.css";
 
   display: inline-block;
   margin: 0 5px;
 }
 
 .presetsMenuButton {
-  composes: button from '~Components/Link/Button.css';
+  composes: button from "~Components/Link/Button.css";
 
   &::after {
     margin-left: 5px;
-    content: '\25BE';
+    content: "\25BE";
   }
 }
diff --git a/frontend/src/Settings/Notifications/Notifications/EditNotificationModalContent.css b/frontend/src/Settings/Notifications/Notifications/EditNotificationModalContent.css
index 8e1c16507..97e8b3813 100644
--- a/frontend/src/Settings/Notifications/Notifications/EditNotificationModalContent.css
+++ b/frontend/src/Settings/Notifications/Notifications/EditNotificationModalContent.css
@@ -1,11 +1,11 @@
 .deleteButton {
-  composes: button from '~Components/Link/Button.css';
+  composes: button from "~Components/Link/Button.css";
 
   margin-right: auto;
 }
 
 .message {
-  composes: alert from '~Components/Alert.css';
+  composes: alert from "~Components/Alert.css";
 
   margin-bottom: 30px;
 }
diff --git a/frontend/src/Settings/Notifications/Notifications/Notification.css b/frontend/src/Settings/Notifications/Notifications/Notification.css
index d7717d8c9..318a395c9 100644
--- a/frontend/src/Settings/Notifications/Notifications/Notification.css
+++ b/frontend/src/Settings/Notifications/Notifications/Notification.css
@@ -1,5 +1,5 @@
 .notification {
-  composes: card from '~Components/Card.css';
+  composes: card from "~Components/Card.css";
 
   width: 290px;
 }
diff --git a/frontend/src/Settings/Notifications/Notifications/Notifications.css b/frontend/src/Settings/Notifications/Notifications/Notifications.css
index 11ea6e11f..5b6cd36f9 100644
--- a/frontend/src/Settings/Notifications/Notifications/Notifications.css
+++ b/frontend/src/Settings/Notifications/Notifications/Notifications.css
@@ -4,7 +4,7 @@
 }
 
 .addNotification {
-  composes: notification from '~./Notification.css';
+  composes: notification from "~./Notification.css";
 
   background-color: $cardAlternateBackgroundColor;
   color: $gray;
diff --git a/frontend/src/Settings/Profiles/Delay/EditDelayProfileModalContent.css b/frontend/src/Settings/Profiles/Delay/EditDelayProfileModalContent.css
index a2b6014df..fc8542d02 100644
--- a/frontend/src/Settings/Profiles/Delay/EditDelayProfileModalContent.css
+++ b/frontend/src/Settings/Profiles/Delay/EditDelayProfileModalContent.css
@@ -1,5 +1,5 @@
 .deleteButton {
-  composes: button from '~Components/Link/Button.css';
+  composes: button from "~Components/Link/Button.css";
 
   margin-right: auto;
 }
diff --git a/frontend/src/Settings/Profiles/Language/LanguageProfile.css b/frontend/src/Settings/Profiles/Language/LanguageProfile.css
index da85dc483..293be90c6 100644
--- a/frontend/src/Settings/Profiles/Language/LanguageProfile.css
+++ b/frontend/src/Settings/Profiles/Language/LanguageProfile.css
@@ -1,5 +1,5 @@
 .languageProfile {
-  composes: card from '~Components/Card.css';
+  composes: card from "~Components/Card.css";
 
   width: 300px;
 }
@@ -18,7 +18,7 @@
 }
 
 .cloneButton {
-  composes: button from '~Components/Link/IconButton.css';
+  composes: button from "~Components/Link/IconButton.css";
 
   height: 36px;
 }
diff --git a/frontend/src/Settings/Profiles/Language/LanguageProfiles.css b/frontend/src/Settings/Profiles/Language/LanguageProfiles.css
index 7f2e3cf5d..d0f11c33d 100644
--- a/frontend/src/Settings/Profiles/Language/LanguageProfiles.css
+++ b/frontend/src/Settings/Profiles/Language/LanguageProfiles.css
@@ -4,7 +4,7 @@
 }
 
 .addLanguageProfile {
-  composes: languageProfile from '~./LanguageProfile.css';
+  composes: languageProfile from "~./LanguageProfile.css";
 
   background-color: $cardAlternateBackgroundColor;
   color: $gray;
diff --git a/frontend/src/Settings/Profiles/Quality/QualityProfile.css b/frontend/src/Settings/Profiles/Quality/QualityProfile.css
index 2513577a1..11754e277 100644
--- a/frontend/src/Settings/Profiles/Quality/QualityProfile.css
+++ b/frontend/src/Settings/Profiles/Quality/QualityProfile.css
@@ -1,5 +1,5 @@
 .qualityProfile {
-  composes: card from '~Components/Card.css';
+  composes: card from "~Components/Card.css";
 
   width: 300px;
 }
@@ -18,7 +18,7 @@
 }
 
 .cloneButton {
-  composes: button from '~Components/Link/IconButton.css';
+  composes: button from "~Components/Link/IconButton.css";
 
   height: 36px;
 }
@@ -31,7 +31,7 @@
 }
 
 .tooltipLabel {
-  composes: label from '~Components/Label.css';
+  composes: label from "~Components/Label.css";
 
   margin: 0;
   border: none;
diff --git a/frontend/src/Settings/Profiles/Quality/QualityProfileItem.css b/frontend/src/Settings/Profiles/Quality/QualityProfileItem.css
index 4e3f4aae5..e683a61e6 100644
--- a/frontend/src/Settings/Profiles/Quality/QualityProfileItem.css
+++ b/frontend/src/Settings/Profiles/Quality/QualityProfileItem.css
@@ -19,7 +19,7 @@
 }
 
 .checkInput {
-  composes: input from '~Components/Form/CheckInput.css';
+  composes: input from "~Components/Form/CheckInput.css";
 
   margin-top: 5px;
 }
@@ -45,7 +45,7 @@
 }
 
 .createGroupButton {
-  composes: buton from '~Components/Link/IconButton.css';
+  composes: buton from "~Components/Link/IconButton.css";
 
   display: flex;
   justify-content: center;
diff --git a/frontend/src/Settings/Profiles/Quality/QualityProfileItemGroup.css b/frontend/src/Settings/Profiles/Quality/QualityProfileItemGroup.css
index 613a9b2d3..300c64197 100644
--- a/frontend/src/Settings/Profiles/Quality/QualityProfileItemGroup.css
+++ b/frontend/src/Settings/Profiles/Quality/QualityProfileItemGroup.css
@@ -16,18 +16,18 @@
 }
 
 .checkInputContainer {
-  composes: checkInputContainer from '~./QualityProfileItem.css';
+  composes: checkInputContainer from "~./QualityProfileItem.css";
 
   display: flex;
   align-items: center;
 }
 
 .checkInput {
-  composes: checkInput from '~./QualityProfileItem.css';
+  composes: checkInput from "~./QualityProfileItem.css";
 }
 
 .nameInput {
-  composes: input from '~Components/Form/TextInput.css';
+  composes: input from "~Components/Form/TextInput.css";
 
   margin-top: 4px;
   margin-right: 10px;
@@ -71,7 +71,7 @@
 }
 
 .deleteGroupButton {
-  composes: buton from '~Components/Link/IconButton.css';
+  composes: buton from "~Components/Link/IconButton.css";
 
   display: flex;
   justify-content: center;
diff --git a/frontend/src/Settings/Profiles/Quality/QualityProfileItems.css b/frontend/src/Settings/Profiles/Quality/QualityProfileItems.css
index 002e555a7..3eaba48ec 100644
--- a/frontend/src/Settings/Profiles/Quality/QualityProfileItems.css
+++ b/frontend/src/Settings/Profiles/Quality/QualityProfileItems.css
@@ -1,5 +1,5 @@
 .editGroupsButton {
-  composes: button from '~Components/Link/Button.css';
+  composes: button from "~Components/Link/Button.css";
 
   margin-top: 10px;
 }
diff --git a/frontend/src/Settings/Profiles/Quality/QualityProfiles.css b/frontend/src/Settings/Profiles/Quality/QualityProfiles.css
index 437d152d2..2510c8081 100644
--- a/frontend/src/Settings/Profiles/Quality/QualityProfiles.css
+++ b/frontend/src/Settings/Profiles/Quality/QualityProfiles.css
@@ -4,7 +4,7 @@
 }
 
 .addQualityProfile {
-  composes: qualityProfile from '~./QualityProfile.css';
+  composes: qualityProfile from "~./QualityProfile.css";
 
   background-color: $cardAlternateBackgroundColor;
   color: $gray;
diff --git a/frontend/src/Settings/Profiles/Release/EditReleaseProfileModalContent.css b/frontend/src/Settings/Profiles/Release/EditReleaseProfileModalContent.css
index a2b6014df..fc8542d02 100644
--- a/frontend/src/Settings/Profiles/Release/EditReleaseProfileModalContent.css
+++ b/frontend/src/Settings/Profiles/Release/EditReleaseProfileModalContent.css
@@ -1,5 +1,5 @@
 .deleteButton {
-  composes: button from '~Components/Link/Button.css';
+  composes: button from "~Components/Link/Button.css";
 
   margin-right: auto;
 }
diff --git a/frontend/src/Settings/Profiles/Release/ReleaseProfile.css b/frontend/src/Settings/Profiles/Release/ReleaseProfile.css
index c1e2e59a2..247a301b0 100644
--- a/frontend/src/Settings/Profiles/Release/ReleaseProfile.css
+++ b/frontend/src/Settings/Profiles/Release/ReleaseProfile.css
@@ -1,5 +1,5 @@
 .releaseProfile {
-  composes: card from '~Components/Card.css';
+  composes: card from "~Components/Card.css";
 
   width: 290px;
 }
diff --git a/frontend/src/Settings/Profiles/Release/ReleaseProfiles.css b/frontend/src/Settings/Profiles/Release/ReleaseProfiles.css
index 8f5a81252..0d7b50ff9 100644
--- a/frontend/src/Settings/Profiles/Release/ReleaseProfiles.css
+++ b/frontend/src/Settings/Profiles/Release/ReleaseProfiles.css
@@ -4,7 +4,7 @@
 }
 
 .addReleaseProfile {
-  composes: releaseProfile from '~./ReleaseProfile.css';
+  composes: releaseProfile from "~./ReleaseProfile.css";
 
   background-color: $cardAlternateBackgroundColor;
   color: $gray;
diff --git a/frontend/src/Settings/Quality/Definition/QualityDefinition.css b/frontend/src/Settings/Quality/Definition/QualityDefinition.css
index ef4deb180..7e8853030 100644
--- a/frontend/src/Settings/Quality/Definition/QualityDefinition.css
+++ b/frontend/src/Settings/Quality/Definition/QualityDefinition.css
@@ -60,7 +60,7 @@
 }
 
 .sizeInput {
-  composes: input from '~Components/Form/TextInput.css';
+  composes: input from "~Components/Form/TextInput.css";
 
   display: inline-block;
   margin-left: 5px;
diff --git a/frontend/src/Settings/Settings.css b/frontend/src/Settings/Settings.css
index 38e88e67f..2f145b4de 100644
--- a/frontend/src/Settings/Settings.css
+++ b/frontend/src/Settings/Settings.css
@@ -1,5 +1,5 @@
 .link {
-  composes: link from '~Components/Link/Link.css';
+  composes: link from "~Components/Link/Link.css";
 
   border-bottom: 1px solid #e5e5e5;
   color: #3a3f51;
diff --git a/frontend/src/Settings/Tags/Details/TagDetailsModalContent.css b/frontend/src/Settings/Tags/Details/TagDetailsModalContent.css
index d11136863..7ccc06789 100644
--- a/frontend/src/Settings/Tags/Details/TagDetailsModalContent.css
+++ b/frontend/src/Settings/Tags/Details/TagDetailsModalContent.css
@@ -20,7 +20,7 @@
 }
 
 .deleteButton {
-  composes: button from '~Components/Link/Button.css';
+  composes: button from "~Components/Link/Button.css";
 
   margin-right: auto;
 }
diff --git a/frontend/src/Settings/Tags/Tag.css b/frontend/src/Settings/Tags/Tag.css
index 129c44203..a1b0ebf77 100644
--- a/frontend/src/Settings/Tags/Tag.css
+++ b/frontend/src/Settings/Tags/Tag.css
@@ -1,5 +1,5 @@
 .tag {
-  composes: card from '~Components/Card.css';
+  composes: card from "~Components/Card.css";
 
   width: 150px;
 }
diff --git a/frontend/src/Styles/globals.css b/frontend/src/Styles/globals.css
index aa30af147..2b514419a 100644
--- a/frontend/src/Styles/globals.css
+++ b/frontend/src/Styles/globals.css
@@ -1,6 +1,7 @@
 /* stylelint-disable */
 
 @import "~normalize.css/normalize.css";
+
 @import "scaffolding.css";
 
 /* stylelint-enable */
diff --git a/frontend/src/Styles/scaffolding.css b/frontend/src/Styles/scaffolding.css
index 1810037cf..96420f4ac 100644
--- a/frontend/src/Styles/scaffolding.css
+++ b/frontend/src/Styles/scaffolding.css
@@ -16,7 +16,7 @@
 html,
 body {
   color: #515253;
-  font-family: 'Roboto', 'open sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
+  font-family: "Roboto", "open sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
 }
 
 body {
diff --git a/frontend/src/System/Backup/BackupRow.css b/frontend/src/System/Backup/BackupRow.css
index db805650e..97a905d7d 100644
--- a/frontend/src/System/Backup/BackupRow.css
+++ b/frontend/src/System/Backup/BackupRow.css
@@ -1,12 +1,12 @@
 .type {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 20px;
   text-align: center;
 }
 
 .actions {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 70px;
 }
diff --git a/frontend/src/System/Backup/RestoreBackupModalContent.css b/frontend/src/System/Backup/RestoreBackupModalContent.css
index 2775e8e08..c72b5877f 100644
--- a/frontend/src/System/Backup/RestoreBackupModalContent.css
+++ b/frontend/src/System/Backup/RestoreBackupModalContent.css
@@ -18,7 +18,7 @@
 }
 
 @media only screen and (max-width: $breakpointSmall) {
-  composes: modalFooter from '~Components/Modal/ModalFooter.css';
+  composes: modalFooter from "~Components/Modal/ModalFooter.css";
 
   flex-wrap: wrap;
 }
diff --git a/frontend/src/System/Events/LogsTableDetailsModal.css b/frontend/src/System/Events/LogsTableDetailsModal.css
index b6e0dd24d..6eef4a176 100644
--- a/frontend/src/System/Events/LogsTableDetailsModal.css
+++ b/frontend/src/System/Events/LogsTableDetailsModal.css
@@ -1,5 +1,5 @@
 .detailsText {
-  composes: scroller from '~Components/Scroller/Scroller.css';
+  composes: scroller from "~Components/Scroller/Scroller.css";
 
   display: block;
   margin: 0 0 10.5px;
diff --git a/frontend/src/System/Events/LogsTableRow.css b/frontend/src/System/Events/LogsTableRow.css
index 8efd99abc..82361cddc 100644
--- a/frontend/src/System/Events/LogsTableRow.css
+++ b/frontend/src/System/Events/LogsTableRow.css
@@ -1,5 +1,5 @@
 .level {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 20px;
 }
@@ -29,7 +29,7 @@
 }
 
 .actions {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 45px;
 }
diff --git a/frontend/src/System/Logs/Files/LogFilesTableRow.css b/frontend/src/System/Logs/Files/LogFilesTableRow.css
index 313f50cc0..0ed5d579e 100644
--- a/frontend/src/System/Logs/Files/LogFilesTableRow.css
+++ b/frontend/src/System/Logs/Files/LogFilesTableRow.css
@@ -1,5 +1,5 @@
 .download {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 100px;
 }
diff --git a/frontend/src/System/Status/About/About.css b/frontend/src/System/Status/About/About.css
index 9886c7ad0..1f66b61d6 100644
--- a/frontend/src/System/Status/About/About.css
+++ b/frontend/src/System/Status/About/About.css
@@ -1,5 +1,5 @@
 .descriptionList {
-  composes: descriptionList from '~Components/DescriptionList/DescriptionList.css';
+  composes: descriptionList from "~Components/DescriptionList/DescriptionList.css";
 
   margin-bottom: 10px;
 }
diff --git a/frontend/src/System/Status/DiskSpace/DiskSpace.css b/frontend/src/System/Status/DiskSpace/DiskSpace.css
index dd92926d4..2e757071e 100644
--- a/frontend/src/System/Status/DiskSpace/DiskSpace.css
+++ b/frontend/src/System/Status/DiskSpace/DiskSpace.css
@@ -1,5 +1,5 @@
 .space {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 150px;
 }
diff --git a/frontend/src/System/Status/Health/Health.css b/frontend/src/System/Status/Health/Health.css
index 1c4cb6a9d..466317089 100644
--- a/frontend/src/System/Status/Health/Health.css
+++ b/frontend/src/System/Status/Health/Health.css
@@ -4,7 +4,7 @@
 }
 
 .loading {
-  composes: loading from '~Components/Loading/LoadingIndicator.css';
+  composes: loading from "~Components/Loading/LoadingIndicator.css";
 
   margin-top: 2px;
   margin-left: 10px;
diff --git a/frontend/src/System/Tasks/Queued/QueuedTaskRow.css b/frontend/src/System/Tasks/Queued/QueuedTaskRow.css
index 89b1f6757..9604de6da 100644
--- a/frontend/src/System/Tasks/Queued/QueuedTaskRow.css
+++ b/frontend/src/System/Tasks/Queued/QueuedTaskRow.css
@@ -1,5 +1,5 @@
 .trigger {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 50px;
 }
@@ -13,19 +13,19 @@
 .queued,
 .started,
 .ended {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 180px;
 }
 
 .duration {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 100px;
 }
 
 .actions {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 20px;
 }
diff --git a/frontend/src/System/Tasks/Scheduled/ScheduledTaskRow.css b/frontend/src/System/Tasks/Scheduled/ScheduledTaskRow.css
index 924963258..3975d2b5f 100644
--- a/frontend/src/System/Tasks/Scheduled/ScheduledTaskRow.css
+++ b/frontend/src/System/Tasks/Scheduled/ScheduledTaskRow.css
@@ -1,18 +1,18 @@
 .interval {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 150px;
 }
 
 .lastExecution,
 .nextExecution {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 180px;
 }
 
 .actions {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 20px;
 }
diff --git a/frontend/src/System/Updates/Updates.css b/frontend/src/System/Updates/Updates.css
index 6ed588890..133528f91 100644
--- a/frontend/src/System/Updates/Updates.css
+++ b/frontend/src/System/Updates/Updates.css
@@ -15,7 +15,7 @@
 }
 
 .loading {
-  composes: loading from '~Components/Loading/LoadingIndicator.css';
+  composes: loading from "~Components/Loading/LoadingIndicator.css";
 
   margin-top: 5px;
   margin-left: auto;
@@ -46,7 +46,7 @@
 }
 
 .label {
-  composes: label from '~Components/Label.css';
+  composes: label from "~Components/Label.css";
 
   margin-left: 10px;
   font-size: 14px;
diff --git a/frontend/src/Wanted/CutoffUnmet/CutoffUnmetRow.css b/frontend/src/Wanted/CutoffUnmet/CutoffUnmetRow.css
index d033cb221..27e91e798 100644
--- a/frontend/src/Wanted/CutoffUnmet/CutoffUnmetRow.css
+++ b/frontend/src/Wanted/CutoffUnmet/CutoffUnmetRow.css
@@ -1,7 +1,7 @@
 .episode,
 .language,
 .status {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 100px;
 }
diff --git a/frontend/src/Wanted/Missing/MissingRow.css b/frontend/src/Wanted/Missing/MissingRow.css
index 106842b2b..2ea9a29bc 100644
--- a/frontend/src/Wanted/Missing/MissingRow.css
+++ b/frontend/src/Wanted/Missing/MissingRow.css
@@ -1,6 +1,6 @@
 .episode,
 .status {
-  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+  composes: cell from "~Components/Table/Cells/TableRowCell.css";
 
   width: 100px;
 }