diff --git a/resources/Resources.php b/resources/Resources.php
index 40c3c7b7025..a54e11a25ae 100644
--- a/resources/Resources.php
+++ b/resources/Resources.php
@@ -3028,8 +3028,8 @@ return [
 			'resources/src/mediawiki.widgets/Table/mw.widgets.TableWidgetModel.js'
 		],
 		'styles' => [
-			'resources/src/mediawiki.widgets/Table/mw.widgets.RowWidget.css',
-			'resources/src/mediawiki.widgets/Table/mw.widgets.TableWidget.css',
+			'resources/src/mediawiki.widgets/Table/mw.widgets.RowWidget.less',
+			'resources/src/mediawiki.widgets/Table/mw.widgets.TableWidget.less',
 		],
 		'dependencies' => [
 			'oojs-ui-widgets'
diff --git a/resources/src/mediawiki.widgets/Table/mw.widgets.RowWidget.css b/resources/src/mediawiki.widgets/Table/mw.widgets.RowWidget.css
deleted file mode 100644
index a78d4e4abc0..00000000000
--- a/resources/src/mediawiki.widgets/Table/mw.widgets.RowWidget.css
+++ /dev/null
@@ -1,33 +0,0 @@
-.mw-widgets-rowWidget {
-	clear: left;
-	float: left;
-	margin-bottom: -1px;
-	width: 100%;
-}
-
-.mw-widgets-rowWidget-label {
-	display: block;
-	margin-right: 5%;
-	padding-top: 0.5em;
-	width: 35%;
-}
-
-.mw-widgets-rowWidget > .mw-widgets-rowWidget-label {
-	float: left;
-}
-
-.mw-widgets-rowWidget > .mw-widgets-rowWidget-cells {
-	float: left;
-}
-
-.mw-widgets-rowWidget > .mw-widgets-rowWidget-cells > .oo-ui-inputWidget {
-	float: left;
-	margin-right: -1px;
-	width: 8em;
-}
-
-.mw-widgets-rowWidget > .mw-widgets-rowWidget-cells > .oo-ui-inputWidget > input,
-.mw-widgets-rowWidget > .mw-widgets-rowWidget-delete-button > .oo-ui-buttonElement-button {
-	margin: 0;
-	border-radius: 0;
-}
diff --git a/resources/src/mediawiki.widgets/Table/mw.widgets.RowWidget.less b/resources/src/mediawiki.widgets/Table/mw.widgets.RowWidget.less
new file mode 100644
index 00000000000..afd6de420d5
--- /dev/null
+++ b/resources/src/mediawiki.widgets/Table/mw.widgets.RowWidget.less
@@ -0,0 +1,33 @@
+.mw-widgets-rowWidget {
+	clear: left;
+	float: left;
+	margin-bottom: -1px;
+	width: 100%;
+
+	&-label {
+		display: block;
+		margin-right: 5%;
+		padding-top: 0.5em;
+		width: 35%;
+	}
+
+	& > &-label {
+		float: left;
+	}
+
+	& > &-cells {
+		float: left;
+
+		> .oo-ui-inputWidget {
+			float: left;
+			margin-right: -1px;
+			width: 8em;
+		}
+	}
+
+	& > &-cells > .oo-ui-inputWidget > input,
+	& > &-delete-button > .oo-ui-buttonElement-button {
+		margin: 0;
+		border-radius: 0;
+	}
+}
diff --git a/resources/src/mediawiki.widgets/Table/mw.widgets.TableWidget.css b/resources/src/mediawiki.widgets/Table/mw.widgets.TableWidget.css
deleted file mode 100644
index 895abe3c25a..00000000000
--- a/resources/src/mediawiki.widgets/Table/mw.widgets.TableWidget.css
+++ /dev/null
@@ -1,9 +0,0 @@
-.mw-widgets-tableWidget > .mw-widgets-tableWidget-rows {
-	float: left;
-	clear: left;
-	width: 100%;
-}
-
-.mw-widgets-tableWidget.mw-widgets-tableWidget-no-labels .mw-widgets-rowWidget-label {
-	display: none;
-}
diff --git a/resources/src/mediawiki.widgets/Table/mw.widgets.TableWidget.less b/resources/src/mediawiki.widgets/Table/mw.widgets.TableWidget.less
new file mode 100644
index 00000000000..b893cb9c42e
--- /dev/null
+++ b/resources/src/mediawiki.widgets/Table/mw.widgets.TableWidget.less
@@ -0,0 +1,11 @@
+.mw-widgets-tableWidget {
+	> .mw-widgets-tableWidget-rows {
+		float: left;
+		clear: left;
+		width: 100%;
+	}
+
+	&.mw-widgets-tableWidget-no-labels .mw-widgets-rowWidget-label {
+		display: none;
+	}
+}