diff --git a/resources/assets/sass/app.scss b/resources/assets/sass/app.scss
index 42fa070..2e8a67c 100644
--- a/resources/assets/sass/app.scss
+++ b/resources/assets/sass/app.scss
@@ -5,4 +5,7 @@
 @import "~open-iconic/font/css/open-iconic-bootstrap";
 
 // Legacy app styles
-@import "tissue.css";
\ No newline at end of file
+@import "tissue.css";
+
+// Components
+@import "components/link-card";
\ No newline at end of file
diff --git a/resources/assets/sass/components/_link-card.scss b/resources/assets/sass/components/_link-card.scss
new file mode 100644
index 0000000..db5bf43
--- /dev/null
+++ b/resources/assets/sass/components/_link-card.scss
@@ -0,0 +1,21 @@
+.link-card {
+  .row > div:last-child {
+    max-height: 400px;
+    overflow: hidden;
+
+    // 省略を表す影を付けるやつ
+    &::before {
+      content: '';
+      width: 100%;
+      height: 100%;
+      position: absolute;
+      left: 0;
+      top: 0;
+      background: linear-gradient(transparent 320px, white);
+    }
+  }
+
+  .card-text {
+    white-space: pre-line;
+  }
+}
\ No newline at end of file
diff --git a/resources/assets/sass/tissue.css b/resources/assets/sass/tissue.css
index 6f5d485..f7dfd0c 100644
--- a/resources/assets/sass/tissue.css
+++ b/resources/assets/sass/tissue.css
@@ -96,24 +96,4 @@
     width: 100%;
     border-top-right-radius: calc(.25rem - 1px);
     border-bottom-right-radius: calc(.25rem - 1px);
-}
-
-.link-card .row > div:last-child {
-    max-height: 400px;
-    overflow: hidden;
-}
-
-/* 省略を表す影を付けるやつ */
-.link-card .row > div:last-child::before {
-    content: '';
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    left: 0;
-    top: 0;
-    background: linear-gradient(transparent 320px, white);
-}
-
-.link-card .card-text {
-    white-space: pre-line;
 }
\ No newline at end of file